如何在textarea中预格式化

Question

我想知道是否可以预先格式化textarea中的文本.现在我有一个textarea代码,我想添加语法高亮,并添加亚麻,所以我试图将文本包装在预标签内.这是正确的还是我应该做一些完全不同的事情？

<textarea id="conversation" class="codebox" style="font-family:courier;">
<pre class="brush: js;">//  Start typing...</pre>
</textarea>

Answer 1

textarea无法像您想要的那样呈现内容，它们仅显示文本。我建议使用浏览器内代码编辑器。CodeMirror是一个很好的工具，它相当容易使用：

超文本标记语言

<textarea id="code" name="code">
// Demo code (the actual new parser character stream implementation)

function StringStream(string) {
  this.pos = 0;
  this.string = string;
}
...
</textarea>

JavaScript

var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
    lineNumbers: true,
    matchBrackets: true
});

CodeMirror 在新编辑器中插入包含该内容的可编辑块。

还有其他选择。维基百科有一个基于 Javascript 的源代码编辑器条目的比较。