Vimで部分的なHTMLインデントを無効にする


9

警告:私はWeb開発者ではありません。

そうは言っても、私がHTMLを編集しなければならないまれな状況があります。そうすると、Vimの動作が気に入らないことに気づきました。設定を変更できることを願っています。

コーディングするとき、80文字で行を折り返す傾向があります。これは、HTMLタグを複数行に分割する必要があることを意味します。これが起こったときに私が欲しいのは、いくつかの賢明なインデントです。したがって、たとえば、次のコードがあり、同様にインデントしたい場合があります。

<a href="http://someverylongurl.com/foo/bar/blaz/SinwzvO.jpg"><img
   src="http://someverylongurl.com/foo/bar/blaz/Sinwzv0.jpg"
   class="ri" alt="This is an image"></a>

ただし、デフォルトでは、Vimの自動インデントは、分割されたHTMLタグを、前の行から始まるHTMLタグと同じレベルにインデントします。つまり、次のような結果になります。

<a href="http://someverylongurl.com/foo/bar/blaz/SinwzvO.jpg"><img
                                                              src="http://someverylongurl.com/foo/bar/blaz/Sinwzv0.jpg"
                                                              class="ri" alt="This is an image"></a>

正確には、私が欲しくないものです。入力していると、常に戻ってこのようなインデントを修正しなければならないことがわかります。

私は一般的にVimの自動インデントが好きで、単にそれを普遍的に無効にしたくありません。分割HTMLタグのインデントを無効にするか変更するだけですが、方法がわかりません。

これを変更することは可能ですか?

(この質問についてStackoverflowを検索してみましたが、見つかりませんでした。重複している場合は、元の質問を教えてください。)

編集:解決策はここで見つかりましたhttps://www.reddit.com/r/vim/comments/3ogbna/disabling_partial_html_indentation_in_vim/cvy8p3u

編集#2:さて、上記の解決策は問題を解決しませんでした。それはまだそこにあります。


1
最後のスニペットであなたが与えたインデントの例は意外です:私はバニラHomebrewインストール(バージョン7.4)で試してみましたが、期待通りに機能します:autoindentvim を有効にして、行の最後で<Enter>を押すと次の行を、先ほど終了した行としてインデントします。だから私の推測では、デフォルトのインデントモデルを変更するプラグインがあるかもしれません。
Vlad GURDIGA、2015年

@VladGURDIGA、はい、私はそれを疑い始めています。私は自分のvimrcに飛び込んで、何が思いつくかを確認する必要があります。私のvimrcがここにあります。github.com
criswell /

〜/ .vim /もチェックしてください。そこには何もロードされているため、通常はftplugins、colors、およびその他のオートロードのものです。8
Vlad GURDIGA、2015年

私はredditにも質問し、この回答を得ました。これは修正されたreddit.com/r/vim/comments/3ogbna/…です。それに応じて質問を更新します。
クリスウェル、2015年

いいね!フォロースルーありがとうございます!:)
Vlad GURDIGA、2015年

回答:


4

tidy-html5プラグインをお勧めします。


私自身もWeb開発者として、HTMLタグの配置を少し変更することをお勧めします。

AirBnb Reactスタイルガイド(最も読みやすい)

<a href="http://someverylongurl.com/foo/bar/blaz/SinwzvO.jpg">
  <img
    src="http://someverylongurl.com/foo/bar/blaz/Sinwzv0.jpg"
    class="ri"
    alt="This is an image"
  >
</a>

Google HTMLスタイルガイド(より一般的)

<a href="http://someverylongurl.com/foo/bar/blaz/SinwzvO.jpg">
  <img src="http://someverylongurl.com/foo/bar/blaz/Sinwzv0.jpg"
       class="ri" alt="This is an image">
</a>

これは本当にフォーマッターが狂ったインデントを避けるのに役立ちます。

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.