如何在文本区域编写器中突出显示XML标记

Question

<div class="box-body">
<div class="form-group">
<label class="control-label">
<?php echo trans('site_key'); ?></label>
<textarea name="create-xml-header" id="create-xml-header" rows="1" cols="100"> </textarea>
</div>          
</div>

输出:输出文本区

如何在这个文本区写入器中突出显示XML标记?

Answer 1

您可以使用语法突出显示库或插件来突出显示文本区域编写器中的XML标记。一个流行的库是codemmirror。您可以在官方网站上找到如何使用CodeMirror与XML的多个示例。

例如，可以使用以下代码在文本区编写器中启用XML语法高亮显示:

<script>
var editor = CodeMirror.fromTextArea(document.getElementById("create-xml-header"), {
mode: "xml"
});
</script>