Dreamweaver CC ソースコードhtmlタグハイライトを消す方法

Dreamweaver CCのソースコード画面で、htmlタグを選択するとハイライトでマーカーが入りますよね・・・見づらくないですか？

千葉名人

俺はこれが凄く見づらく操作しづらいので、マーカー表示（ハイライト）を非表示にしてカーソルが見やすくなるようにカスタマイズする方法を適用しました。検索しても白バックと黒バック用のコードも含めた解説が見つからなかったので、自分でやって整理しました。

動画でも実際にDreamweaver CCでやってみました。コピペで使える便利な「ソースコード」もセットでプレゼント中ですよ(人´ω｀)

Dreamweaver CC ソースコードhtmlタグハイライトを消す

✅ 編集/環境設定を選ぶ

環境設定の使い方

✅ Dreamweaver CCの環境設定画面が出ます

「インターフェース」をクリックすると右の画面が表示されます。アプリケーションテーマは、DreamweaverCCの外側の枠の色を定義します。

千葉名人

「コードテーマ」は、内側の色をCSSのように定義したデフォルトで準備されているテーマです。選んでから「適用」ボタン（画面右下）をクリックすると、デザインが適用されます。

+ボタンを押すと、今選んでいるテーマをベースにオリジナルのデザインを複製で作成できます。

新しいコードテーマ

+ボタンを押したら出てくる画面です。「新しいコードテーマ」というウィンドウが表示されますので、テーマ名を入れます。

千葉名人

このテーマ名はなんでも良いです。今回は「test」と入れて「作成ボタン」を押しました。

main.lessにコードをコピペする

「main.less」 というタブが表示されます。自動で画面が切り替わらない時があるので、タブをクリックして表示させます。

千葉名人

これが、コードテーマを定義するファイルで、定義方法はCSSと似ていますね。ほとんど一緒っぽいです。

✅ このファイルの末尾に、ソースコードを新規追加して保存します。

コードテーマを適用します

これで、Dreamweaver CCのhtmlソースコードを選んでもマーカーでハイライトされない状態になります。

千葉名人

このハイライトいらないよ！って方はやってみてください。上記の追加用ソースコードはコピペでどうぞ！

main.lessファイル用 コピペ用ソースコード

千葉名人

以下のコードをコピペしてご利用ください。これをベースに色をカスタマイズすることもできます。

✅ 背景白用の追加用ソースコード

✅ 背景黒用の追加用ソースコード

【背景黒用（選んだ文字が白くなります）】

【動画】Dreamweaver CC ソースコードハイライトいらないので消してみました