2014年08月22日 HTML5・CSS3jQuery・javascriptphp

HTMLやCSSなどのソースコードを簡単に整形する方法です。
Dreamweaver以外でも出来るソフトがあるようですが、手元のDWを使うのが一番便利そうなので、今回はDWのやり方を紹介します。

ソースコード整形の手順

  1. ソースコードを整形したいファイルをDreamweaverで開く
  2. Dreamweaverの環境設定でコードフォーマットの設定
  3. メニュー>コマンド>ソースフォーマットの適用を選択

ソースコードを整形したいファイルをDreamweaverで開く

html,css,phpのコードにて、整形されることを確認しました。他の言語は不明ですが、Dreamweaverが認識出来る言語は全て対応しているのだと思います。

Dreamweaverの環境設定でコードフォーマットの設定

スクリーンショット 2014-08-22 0.26.00

インデントの数など、整形する際の体裁を設定します。

ソースフォーマットの適用を選択

スクリーンショット 2014-08-22 0.26.42

あとは、整形したいファイルを開いた状態で、「メニュー」>「コマンド」>「ソースフォーマットの適用」を実行するだけで、完了です。

この投稿へのコメント

コメントはまだありません。

コメントを残す

メールアドレスが公開されることはありません。

次のHTML タグと属性が使えます。
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

CAPTCHA


ピックアップ記事

WordPressのサムネイルのサイズ指定を削除

2013年11月10日 web関連WordPressphp
WordPressのテーマ内で、the_post_thumbnailで記事のアイキャッチを表示させる際に、width,heightがimgタグ内で設定されていますが、それを消す方法です。 レスポンシブウェブデザインをする際には、ハードコーディングは外したほうがいいかもしれませんね。 functions.php内に以下を記述 [php]//サムネイルのサイズ指定削除 add_fi…
「WordPressのサムネイルのサイズ指定を削除」をはてなブックマークに追加

PHP 短縮URLのAPIから短縮後のURLを取得

2011年08月09日 web関連phptwitter API
twitterに関連したwebサービスを作っているとURL短縮の必要が出てくることが多々あります。 そんな時には、有名なurl短縮サービスを利用することになると思うのですが、代表的なbit.ly、TinyURLを利用する方法です。 …
「PHP 短縮URLのAPIから短縮後のURLを取得」をはてなブックマークに追加

WordPressの抜粋表示の設定

2014年08月25日 web関連WordPressphp
WordPressの抜粋表示(excerpt)を以下のように動作させたかったので、自作してみました。 抜粋があれば抜粋表示 moreタグがあれば、それに従う 指定文字数より本文文字数が少なければ、そのまま表示 指定文字数より本文文字数が多ければ抜粋表示 コード functions.phpにコピペ。 [php]<?php //WordPress抜粋表…
「WordPressの抜粋表示の設定」をはてなブックマークに追加

jQuery.autopagerプラグインで読み込まれるページにも他のjQueryを適用する

2012年02月02日 jQuery・javascript
jQuery.autopagerを使っていると追加で読み込まれたページのDOMには、headなどで指定しているjavascriptは機能しません。 それを解決するには、autopagerの設定項目の「start」で以下のように設定します。 以下のサンプルコードでは、他のプラグイン(autoheight,smartrolloverなど)が動作するように設定しています。 サンプルコード [ph…
「jQuery.autopagerプラグインで読み込まれるページにも他のjQueryを適用する」をはてなブックマークに追加

jQueryのイベントが重複される場合の対応

2020年01月27日 jQuery・javascript
参考サイト : https://hodalog.com/how-to-prevent-the-event-from-being-executed-twice/…
「jQueryのイベントが重複される場合の対応」をはてなブックマークに追加
© graffiti on the web . All rights reserved. WordPress Theme by comfy