質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
Smarty

Smartyは、PHPアプリケーションで使用されるテンプレートエンジンです。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

Q&A

0回答

10162閲覧

VS Codeでのコード整形/Smartyテンプレート編集時の「{…}」

ukotsu

総合スコア15

Smarty

Smartyは、PHPアプリケーションで使用されるテンプレートエンジンです。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

0グッド

0クリップ

投稿2017/07/11 11:30

編集2017/07/12 01:46

Visual Studio CodeでSmartyのテンプレートを編集しています。
コード整形時に {…} を含む文が思うように整形されないため、お知恵を拝借できませんでしょうか。

コードの整形にはエクステンションの「Beautify 」を使用し、言語モードは「html」を使用しています。
Beautifyの設定は下記の通りです。

json

1"beautify.config": { 2 "indent_size": 2, 3 "brace_style": "expand", 4 "indent_body_inner_html": false, 5 "indent_head_inner_html": false, 6 "end_with_newline": true, 7 "preserve_newlines": false, 8 "end-with-newline": true, 9 "unformatted": [ 10 "a", "abbr", "area", "audio", "b", "bdi", "bdo", "br", "button", "canvas", "cite", "code", "data", "datalist", "del", "dfn", "em", "embed", "i", "iframe", "img", "input", "ins", "kbd", "keygen", "label", "map", "mark", "math", "meter", "noscript", "object", "output", "progress", "q", "ruby", "s", "samp", "select", "small", "span", "strong", "sub", "sup", "svg", "template", "textarea", "time", "u", "var", "video", "wbr", "text", "acronym", "address", "big", "ins", "strike", "tt" 11 ], 12 "indent_handlebars": true 13 }, 14 15 "beautify.language": { 16 "js": { 17 "type": [ 18 "javascript", 19 "json" 20 ], 21 "filename": [ 22 ".jshintrc", 23 ".jsbeautify" 24 ] 25 }, 26 "css": [ 27 "css", 28 "scss" 29 ], 30 "html": [ 31 "htm", 32 "html", 33 "smarty" 34 ] 35 }

#やりたいこと

tpl

1<div> {include file="common/header.tpl"} {include file="common/footer.tpl"} </div>

上記設定でこう整形されてしまうのを

tpl

1<div> 2{include file="common/header.tpl"} 3{include file="common/footer.tpl"} 4</div>

こうしたい。
#ためしたこと
・Beautifyではなく標準のソース整形機能(WinでShift+Alt+F)
⇒ 同じ結果
・エクステンション「Smarty」を入れてbeautify or 標準整形
⇒ 同じ結果
#入れているエクステンション

  • .ejs
  • Auto Rename Tag
  • Beautify
  • CSS Peak
  • Git History
  • HTML Snippets
  • HTMLHint
  • IntelliSense for CSS class names
  • Smarty

よろしくお願い致します。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

退会済みユーザー

退会済みユーザー

2017/07/11 14:35

Visual Studio Codeのタグ単体をチェックしている人は少ないと思うので、目的の言語(HTML?)も追加したほうが回答されやすいのではと思います。
ukotsu

2017/07/12 01:46

ありがとうございます。カテゴリタグを編集致しました。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問