首页 > 代码库 > webstorm html碎片整理功能
webstorm html碎片整理功能
我们用字符串形式写html模板时,或者向某标签添加html内容时,如下,如果这个str更加的长,一旦里面少了一个单引号,少了一个加号,基本报错还看不懂,一脸懵逼。。。
// 假定后台传给我们的数据为 var dataJson = [{ item.name = "china", item.id = "1", item.content = "哈哈", item.link="www.google.com" }, // 做个说明而已,就只写一个咯 ... }] var item = dataJson[0]; var str = ‘<li itemId="‘ + item.id + ‘"><h4 class="item_name">‘ + item.name + ‘</h4><p>‘ + item.content + ‘</p><p class="item.link">‘ + item.link + ‘</p></li>‘; $(‘#box‘).text(str);
那么,后来聪明了点,我就这么写了str
var str = ‘<li itemId="‘ + item.id + ‘"> <h4 class="item_name">‘ + item.name + ‘</h4> <p>‘ + item.content + ‘</p> <p class="item.link">‘ + item.link + ‘</p></li>‘;
但是强迫症可能要懵逼了,尼玛不齐!于是,之前发现了webstorm的一个功能,效果如下
上半部分str变得很难看,但是格式化的地方(下半部分)显示效果很好,一眼就清晰明了。这个功能叫做edit HTML Fragment(编辑html碎片)
操作步骤是:
1、对着str的html部分alt+enter
2、选择Edit HTML Fragment,enter确定
当然,如图,里面有四个功能嘛,如果你不想要那个功能,就光标选中了向右按钮,禁用它,然后它就再也不会出现了
禁用了你会后悔的,怎么办?去哪里找回来它?google了一下,嗯,找到了,首先我们要知道它的名字叫做edit injected fragment,那么,
File --> setting --> Editor --> Intentions,然后在右面我们看到了 Language Injection,把想要的那个被禁用的勾选上就是了。
以上便是说的全部内容,废话有些多了,图也太多了,嗯,希望能对各位有所帮助
webstorm html碎片整理功能
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。