html - CKEditor - 当我在源代码 View 和所见即所得 View 之间切换时，HTML 代码不断添加新行？

Question

我试图在 CKEditor 中保留我的 jinja 代码，就像在代码 View 和 WYSIWYG View 之间切换 View 之后一样。

我可以通过在我的 config.js 文件中添加以下行来得到这个结果

CKEDITOR.config.protectedSource.push(/\r|\n/g);

CKEDITOR.config.autoParagraph = false;

但是，它不适用于 HTML 代码。例如，如果 jinja 代码和 html 像这样混合在一起:

{% if name=='bob' %}
    {{'hello bob'}}
{%else%}
    {{ 'hello ' + name }} 
{% endif %}

<p>Hello visitor</p>

这是关于 Fiddle JS 的演示

在此之后，当我在 CKEditor 中从代码 View 更改为 wyiwyg View 时，HTML 代码只增加了一个新行，另一个切换 View 增加了另一行，如下所示:

我找不到 HTML 代码有什么问题，我只是格式化 jinja 代码，我该如何解决？谢谢

Answer 1

在你的代码下面写下这些额外的行

$("body").on("click", ".cke_button__source", ()=>{
//   if(CKEDITOR.instances.editor1.mode==="source"){
     let vtk = CKEDITOR.instances.editor1.getData();
    // vtk = vtk.replace(/\n<p>/gm, "<p>");
     vtk = vtk.replace(/^\s*[\r\n]/gm, "");
     $(".cke_source").val(vtk)
  // }
})

Here is jsFiddle