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

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() {

  document.getElementById("html").value =

    '<h3>Greetings!</h3>\n' +

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

}

initialHTML()

textarea {

  box-sizing: border-box;

  width: 100%

}

<textarea id="html"></textarea>

使用模板文字：

function initialHTML() {

  document.getElementById("html").value =

`<h3>Greetings!</h3>

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

}

initialHTML()

textarea {

  box-sizing: border-box;

  width: 100%

}

<textarea id="html"></textarea>