在 CKEditor 中使用 xml 片段

Question

我在我的应用程序中使用 CKEditor，用户可以在其中编写博客、创建页面等...， 编辑器禁用源模式。保存内容后，在编辑器的文本区域中写入 xml 不会保留。我清楚地看到内容已进行 HTML 编码，并且同样作为 CKEditor 文本区域的输入提供。

Answer 1

按设计工作。无论您在 WYSIWYG 区域中输入什么内容，都将获得 HTML 编码。您希望如何以不同的方式表现它？

如果您想要一个用于编写 XML 的文本编辑器，也许这个问题的答案很有用：可以即时进行语法高亮的文本区域？

Answer 2

我也希望 CKEditor 支持 XML 标签，但我知道您不能只是将它们键入到主窗口中 - 此处键入的任何内容都被假定为实际内容，而不是标记，因此会被编码。

我想要做的是定义一个样式列表，这些样式会导致使用我选择的标签，例如，如果用户选择“示例”样式，CKEDitor 会执行 ;内容。不幸的是，尽管破解了 dtd.js 文件，但我在这方面并没有取得太大成功。

我当前的解决方案是定义样式列表，但将它们映射到标准 HTML 标记，然后将所需的 XML 标记名称作为属性放入。然后我需要编写一些稍后转换数据的 XSLT。

CKEDITOR.stylesSet.add('myStyles',
[{
  name: 'Example sentence', 
  element: 'span', 
  attributes: {'class': 'example', 'data-xmlTag': 'x'} 
}];        

config.stylesSet = 'myStyles'; 

element 指定标准 HTML 标记 - 如果我希望 XML 内联，我使用 ；如果我想要，我使用

它是块级的。 data-xmlTag 属性说明了我实际想要使用的 XML 标记（在本例中为 x）。 class 允许我在 CSS 中定义一些样式，这意味着我可以将多个 XML 标记分组到一个类名下。定义一些CSS：

config.contentsCss = CKEDITOR.basePath+'tagStyles.css';