4

OK、私の状況は、ここにある HTML の書式設定に関するすべてのスレッドとは少し異なります。また、私はそこにあるすべての HTML フォーマット プラグインをインストールしましたが、結果はまちまちで、実際に問題を解決するものはありません。

また、私はプログラマーではなく、一部の作成者はプラグインをカスタマイズするための十分な情報を提供していないため、これらのプラグインの構成は難しい場合があります。

今のところ、私の HTML を多少 OK にフォーマットする唯一のプラグインはHTMLTidyです。問題は、タグごとにスペースを使いすぎることです。以下の HTML の例を参照してください。

私も彼らがこのスレッドで言及したことを試しましたが、インデントに関してはある程度しか機能しませんが、「真の」マークアップの書式設定では実際には機能しません。

私がやりたいのは、このマークアップを回すことだけです:

<ul>
   <li>
     item here
   </li>
   <li>
     item here
   </li>
   <li>
     item here
   </li>
</ul>

またはこれ：

<p>
   Content...
</p>

これに：

<ul>
   <li>item here</li>
   <li>item here</li>
   <li>item here</li>
</ul>

この：

 <p>Content...</p>

すべてのタグのコンテンツを開始/終了タグとは別の行に配置するのは、スペースの無駄です。

TidyHTML で何かを変更するか、手動で変更するか、その他の方法でこれを達成する方法はありますか?

前もって感謝します。

4

3 に答える 3

4

注: 現時点 (2014 年 7 月 31 日) では、ST3 では HTMLTidy を使用できないため、このソリューションは ST2 でのみ機能します。

私は一時的な解決策を考え出しましたが、決して理想的ではありませんでしたが...

  1. に移動しますPreferences -> Key Bindings - User。ファイルDefault (Windows).sublime-keypmapを編集します。

  2. 次の 2 つの命令をそのファイルに追加します (命令は[ ]ブラケット内にある必要があることに注意してください)。

     [
   { "keys": ["ctrl+shift+r"], "command": "reindent" , "args": {"single_line": false}},
   //Indent code -- http://stackoverflow.com/questions/8839753/formatting-html-code-using-sublime-text-2

   { "keys": ["ctrl+alt+t"], "command": "html_tidy"}
   //HTMLTidy key binding
 ]

  3. ファイルを保存します。

  4. HTMLTidyがインストールされていることを確認してください。HTMLTidy の設定ファイルHtmlTidy.sublime-settings :を開きますPreferences -> Package Settings -> HtmlTidy -> Settings - Default。

  5. "indent": true,(二重引用符とコンマを含む) を探して、に変更しfalseます。

  6. ファイルを保存します。

  7. HTML ファイルに戻り、1 行にフォーマットするコードのセクションを選択します。はい、マークアップ o_O 全体を選択すると機能しません。<body>タグ内のものだけを残し、それ以外はすべて削除します ( <html>、<head>など)。

  8. CTRL+ ALT+を押しTて TidyHTML を実行します。これにより、マークアップが縮小され、タグが 1 行にまとめられます。

  9. 最後にCTRL+ SHIFT+を押しRてインデントを実行します。

幸運を。

于 2012-10-30T19:05:03.950 に答える
2

<li>要素が均一である場合、はるかに簡単な解決策は、1 つの行に押しつぶしたいすべての を選択するalt+f3か、より詳細に制御するにはctrl+d、 をctrl+j2 回押して線を結合することです。終わり！

ctrl+shift+jそれができない場合は、各タグの一部を複数選択した後、タグ内のすべてのコンテンツを選択するために使用します。左右の矢印キーでカーソルを右端または左端に当てると、そこから削除できます。

于 2012-12-05T09:49:26.747 に答える
0

キーF12を押すと、1行のショートカットキーを設定できます

メニュー設定に移動 -> キーバインド - ユーザー

{ "keys": ["f12"], "command": "reindent"}

http://how-to-sublime-text.blogspot.com/2014/11/reformat-code.htmlで詳細を参照して ください。

于 2014-11-21T16:04:24.883 に答える