web-dev-qa-db-ja.com

各タグ属性の行を区切り、Visual StudioHTMLコードエディターで整列させます

これがVSの次のバージョンで実装されることを希望する場合は、投票してください ここ 。

次の水平方向に長い<button>HTML宣言を想定します。

<button type="submit" class="btn btn-primary" id="save" name="action:@ViewContext.RouteData.Values["action"]"><i class="icon-save icon-large"></i> @Localization.Save</button>

ご覧のとおり、すべてのタグ属性はインラインであるため、コードエディタで右に長く拡張されます...

VisualStudioのオプションまたは拡張機能を使用してフォーマットできることを知っていますか Ctrl + K その後 Ctrl + F このような：

<button type="submit"
        class="btn btn-primary"
        id="save"
        name="action:@ViewContext.RouteData.Values["action"]">
<i class="icon-save icon-large"></i>@Localization.Save
</button>

上記の形式では、垂直スクロールバーが少し長くなることは明らかですが、特定の属性を簡単に見つけることができると思います。 :)

TOOLS => Options... => Text Editor => HTMLでVisualStudioオプションをいじってみましたが、この動作を制御するオプションが見つかりませんでした。

もちろん手動で調整することもできますが、 Ctrl + K その後 Ctrl + F 誤って、カスタムメイドのフォーマットをすべて失ってしまいました。

そのようなものが利用できない場合、これはVisualStudio拡張機能の優れたアイデアになると思います。プラスとして、属性をアルファベット順に並べることもできます。 :)

もう少しグーグルを実行すると、VisualStudioのXAMLエディターにHTMLエディターに必要なものがあることがわかりました。

各属性を別々の行に配置します

enter image description here

Visual StudioExtensibilityフォーラムで同じ質問をしました。

http://social.msdn.Microsoft.com/Forums/en-US/vsx/thread/0d97c205-9f29-4ba7-9d0b-253413077dce/

これがVSの次のバージョンで実装されることを希望する場合は、投票してください ここ 。

htmlvisual-studiotagsformattingline-breaks
21
Leniel Maccaferri

勇気があると感じたら、これを行うエディター拡張機能を作成できます。 Noahがアイデアのために少し前に書いたalign拡張機能を見てください： https://github.com/NoahRic/AlignAssignments

2
Ameen

さて、私はASP.NETフォーラムでトリックを見つけました：

各属性を別々の行に配置する

私の質問で説明したXAML機能とは異なりますが、機能します。

オプション/テキストエディタ/ HTML /フォーマットで、「特定の長さを超えたときにタグをラップする」をチェックし、長さを1に設定できます。これにより、フォーマッタが狂ったようにラップします。

別のオプションは次のとおりです。

  1. TOOLS => Options... => Text Editor => XML => Formatting =>属性をそれぞれ別々の行に揃えます。

  2. .cshtmlファイルを閉じます。ソリューションエクスプローラーで右クリックし、[プログラムから開く...]を選択してから、[XML（テキスト）エディター]を選択します。すべてのコンテンツを選択して実行します Ctrl + K その後 Ctrl + F。

    *この2番目のオプションは面倒です！ :(

7
Leniel Maccaferri

これは、リリースされたVisual Studio 2013Previewの新しいHTMLエディターに実装されています。これは新しいエディターの機能であり、htmlファイルとcshtmlファイルで機能しますが、aspx/ascxファイルでは機能しません。各値の後で[return]を押すと、属性は最初の属性定義の下にスタックされます。 Format Documentは、これらの変更を元に戻さなくなりました。

1
Van Kichline

<を/n<で検索/置換できます+クリックすることを忘れないでください正規表現を使用設定

0
m4ngl3r

Htmlをxmlエディターにコピーしてフォーマットし、htmlファイルに保存し直します。

0
user3453552