代码之家 › 专栏 › 技术社区 › Kawd

如何将HTML文档作为起始值传递给CodeMirror?

codemirror formatting xml html javascript

Kawd · 技术社区 · 11 年前

我有一个HTML文档存储在字符串中,如下所示:

var htmlAsString = "<!DOCTYPE html><html><head>........";

我尝试用上面的HTML文档初始化CodeMirror编辑器,如下所示:

var cm = CodeMirror($('#some-div')[0], {
  value: htmlAsString,
  mode: "htmlmixed",
  autofocus: true,
  lineNumbers: true
});

然而,所做的只是创建一个代码镜像编辑器,其中包含 htmlAsString 一串

我显然希望我的代码镜像编辑器初始化为所有xml格式的HTML(缩进、嵌套、间距、换行等),以便开发人员可以使用代码镜像来编辑/更新HTML。

我做错了什么?

1 回复 | 直到 11 年前

jennas 11 年前

HTML字符串不包含任何换行符或制表符/空格。

您需要做的是通过HTML格式器解析字符串。

CodeMirror通过包含 formatting.js

这里是一个工作演示: http://codemirror.net/2/demo/formatting.html

初始化代码镜像后,您将需要执行类似于以下代码的操作。

var cm = CodeMirror($('#some-div')[0], {
  value: htmlAsString,
  mode: "htmlmixed",
  autofocus: true,
  lineNumbers: true
});

var totalLines = cm.lineCount();  
cm.autoFormatRange({line:0, ch:0}, {line:totalLines});

推荐文章

J_Cus504 · 在单匹配语句中使用身份变换和多谓词来沉默节点

1 年前

Rico Strydom · Linq to XML:如何基于文件中的其他元素获取元素

1 年前

surge3333 · 使用PowerShell构建XML

1 年前

Rashid Bilal · 主题更改时Android应用程序区域设置更改回英语

1 年前

Sandeep · XSLT代码,用于根据条件提取元素值

1 年前

Reto · XSLT 3.0突发流-如何存储/获取另一个分支的值

1 年前

ams_132 · 为什么这个youtube XML数据中的这些字段没有使用Rust中的quick XML正确反序列化

1 年前

SeveredTRUTH · 无法使用PowerShell从XML文件中的“Set”元素检索信息

1 年前

Maksym Kuzmych Yong Shun · 如何向XML属性添加命名空间前缀

1 年前

Ian Kemp · 如何从SelectXml调用本机XPath函数?

1 年前