在字符串文字中突出显示和格式化html

时间:2018-04-11 14:13:26

标签: javascript jquery html string literals

我正在创建非生产HTML / CSS / jQuery原型。所以不需要坚如磐石的安全等。

我通常创建动态HTML元素的方法是创建这样的字符串文字:

var observation =
"<div id=\"first_observation\">" +
"<div class=\"row\">" +
"<div class=\"col-6\">" +
"<fieldset class=\"form-group row\">" +
"<div class=\"col-sm-10 offset-2\">" +
"<div class=\"row\">" +
"<div class=\"col-2\"> <h3>Type</h3> </div>" +
"</div>" +
"<div class=\"row\">" +
"<div class=\"col\">" +
等等。 。 。然后我使用jQuery将字符串附加到DOM。

我正在寻找1)更好的方法来做到这一点2)一种突出HTML并在我的文本编辑器中对其进行格式化的方法。

我更喜欢2)因为我知道你可以使用Javascript创建一个对象并使用对象点表示法设置属性,但我发现在尝试解决布局问题时,最容易阅读“在HTML中”。

有人知道文本编辑器或扩展程序是否允许这样做?

0 个答案:

没有答案