javascript - CKEditor:保留源代码缩进

Question

我正在为 CKEditor 使用以下配置:

var wysiwyg = ck.replace(el[0], {
  allowedContent: true,
  protectedSource: [/\r|\n/g]
});

我将 HTML 源代码加载到 CKEditor 中，如下所示:

<div style='font-weight: bold;'> 
  <div> 
    <div> test </div> 
  </div>
</div>

关于wysiwyg.getData()我收到:

<div style="font-weight: bold;">
<div>
<div>test</div>
</div>
</div>

如何强制 CKEditor 按照来源保留缩进？

我尝试在protectedSource内使用不同的正则表达式保护 HTML >...< 之间的所有内容喜欢 /(?:\>)([^<]*?)(?:\<)/g https://regex101.com/r/eV4dO0/1但运气不好。

Answer 1

I would like to keep the source formatting as it is. Is this possible?

不，不是。内容在返回给您之前会多次通过解析器、过滤器、编写器和浏览器的 DOM。您不能期望保留对内容而言不重要的每个制表符或空格字符。请记住，CKEditor 不是代码编辑器 - 它是所见即所得编辑器。