如何格式化函数粘贴到文本区域的代码？

Question

当用户双击我的 textarea 时，框中会出现默认文本。文本是代码，所以我想以可读的方式格式化，但我似乎无法弄清楚如何格式化我用 JavaScript 粘贴的代码。

function initialHTML(){

    document.getElementById("html").value = "<h3>Greetings!</h3>"

                                            +

                                            "<p>Start by adding some HTML and CSS </p>"

}

Answer 1

如果您的意思是“我想对textarea内的文本执行语法突出显示和其他样式更改”，则不能。您需要选择不同的元素，因为唯一的“允许内容”是一个或多个Text 节点如果你的意思是，“我想在字符串中添加换行符和其他格式”......很容易，手动添加空白字符\n或使用模板文字创建字符串，这允许在其语法中换行。例如：手动添加\n：function initialHTML() {&nbsp; document.getElementById("html").value =&nbsp; &nbsp; '<h3>Greetings!</h3>\n' +&nbsp; &nbsp; '<p>Start by adding some HTML and CSS </p>'}initialHTML()textarea {&nbsp; box-sizing: border-box;&nbsp; width: 100%}<textarea id="html"></textarea>使用模板文字：function initialHTML() {&nbsp; document.getElementById("html").value =`<h3>Greetings!</h3><p>Start by adding some HTML and CSS </p>`}initialHTML()textarea {&nbsp; box-sizing: border-box;&nbsp; width: 100%}<textarea id="html"></textarea>