【Dreamweaver CC】でHTML5での画像挿入バグを直す方法

おはこんばんちわ、毎年かならず風邪を3度は患うやのっぱです(´・ω・｀)おほー

本日はあの煩わしかったDreamweaverCCの画像挿入バグ改善法をご紹介します。

この改善方法が、意外とググっても出てこないんですよね。。。
というわけで、ふたっぱのジェバンニ（Boss）が一晩でやってくれました←ものの4～5分

その前に、どのようなバグかと申しますと、DreamweaverCCを使用してドキュメントタイプHTML5でコーディングしていくとき
画像挿入をすると、<img src=”*****.jpg” width=”300″ height=”300″ alt=”"/>と出ます。

なにがおかしいの？っと思いますよね…
よくご覧になってください。

そう…HTML5は閉じスラッシュいらないんです…しかも半角スペースも入ってないし(´・ω・｀)

一応HTML5はxhtmlの記述でも問題なく動くのですが、気持ち悪いですよね。
きっちりしてる制作会社だと、直して～と言われるところです。

でわ、これを直す方法ですがDreamweaverを制御してるjsを直接編集していきます。
ファイルの場所など自信が無い方は、お近くのよく知ってる人にお願いしてみてください！

ファイルの場所

C:\Program Files (x86)＞\Adobe＞\AdobeDreamweaverCC＞\configuration＞\Objects＞\Common＞\image.js

のimage.jsを変更していきます。
階層が奥の方なので、変なところを触らないように気をつけましょう♪

では、エディターソフトでimage.jsを開きます。(Dreamweaverでも良いです)
失敗が心配な方はバックアップをとっておきましょう！ image.jsファイルをコピーして拡張子.jsを.bkなどに変えて置いておくと便利です。

編集する場所は52行目にある【rtnStr = rtnStr + ‘alt=”‘ + ‘” />’;】の部分です

ここを以下のソースに置き換えます。

 if(thisDOM.getIsXHTMLStrictDocument()){
   rtnStr = rtnStr + 'alt="' + '" />';
 }else{
   rtnStr = rtnStr + 'alt="' + '">';
 }

こんな感じになればよいです

保存したら、Dreamweaverを起動している方は一度落として、もう一度ソフトを立ち上げてください。

すると、imgタグのバグが直っているはずです！

この仕様に戸惑っていた方も多いはず！
早速書き換えてみてください♪

それでは！良きコーディングライフを～see you(・ω<)ﾉｼ