pla*_*web 3 html shortcut emmet
当我在理解 emmet 的编辑器中输入以下文本时:
div.fragment>pre>code.javascript[contenteditable]
Run Code Online (Sandbox Code Playgroud)
它扩展为:
<div class="fragment">
<pre><code class="javascript" contenteditable=""></code></pre>
</div>
Run Code Online (Sandbox Code Playgroud)
这几乎是完美的,除了布尔属性不应该有引号。有没有办法编写快捷方式,使其像这样正确扩展:
<div class="fragment">
<pre><code class="javascript" contenteditable></code></pre>
</div>
Run Code Online (Sandbox Code Playgroud)
截至 2013 年 10 月,这现在是可能的。
input[type=checkbox checked.]
Run Code Online (Sandbox Code Playgroud)
默认情况下,在 boolean 属性后直接键入单个句点 (.) 将产生以下输出:
<input type="checkbox" checked="checked" />
Run Code Online (Sandbox Code Playgroud)
如果您希望 Emmet 输出不带参数的属性名称,例如
<input type="checkbox" checked />
Run Code Online (Sandbox Code Playgroud)
您需要将以下键值对添加到 Emmet 用户设置中的 'html' 对象(Mac:'Sublime Text' > 'Preferences' > 'Package Settings' > 'Emmet' > 'Settings - User')
"compact_bool": true
Run Code Online (Sandbox Code Playgroud)