添加时删除不需要的换行符在CK编辑器中

Question

当在 CKEditor 中加载包含一组段落的内容时，它会将我的

标记替换为

	

这意味着编辑器将转换此内容：

<p>paragraph 1</p>
<p>paragraph 2</p>
<p>paragraph 3</p>

最终结果是这样的：

<p>
   paragraph 1</p>
<p>
   paragraph 2</p>
<p>
   paragraph 3</p>

如何修复它，以便 CKEditor 在看到段落标签时不会添加额外的换行符？

Answer 1

在其他地方（我很抱歉，我没有记下我从哪里得到它。），我找到了解决所有块级标签的这个问题的代码。对于我的项目，由于输出到 XML 并作为 CDATA 导入到其他应用程序，额外的换行符成为一个问题。

因此，在我的 ckeditor_config.js 文件中，在 CKEDITOR.editorConfig 函数之后，我输入了以下内容：

CKEDITOR.on('instanceReady', function( ev ) {
  var blockTags = ['div','h1','h2','h3','h4','h5','h6','p','pre','li','blockquote','ul','ol',
  'table','thead','tbody','tfoot','td','th',];

  for (var i = 0; i < blockTags.length; i++)
  {
     ev.editor.dataProcessor.writer.setRules( blockTags[i], {
        indent : false,
        breakBeforeOpen : true,
        breakAfterOpen : false,
        breakBeforeClose : false,
        breakAfterClose : true
     });
  }
});

其中一些元素可能不需要这种处理；显然，可以根据您的需要轻松编辑 blockTags 数组。

Answer 2

将此行添加到 ckeditor.js 配置文件中：

n.setRules('p',{indent:false,breakAfterOpen:false});

有关 HTML Writer 格式的更多信息，请参阅

Answer 3

我相信有一个设置可以格式化代码，或者自动缩进或者类似的东西。其目的是使源代码更具可读性。我想它的有效性还有待商榷。

Answer 4

如果您像我一样并且想在实例级别执行此操作并且不想触及配置文件，以便轻松更新/升级。那么这是另一个解决方案。

CKEDITOR.replace( 'editor1',
{
    on :
    {
        instanceReady : function( ev )
        {
            // Output paragraphs as <p>Text</p>.
            this.dataProcessor.writer.setRules( 'p',
                {
                    indent : false,
                    breakBeforeOpen : true,
                    breakAfterOpen : false,
                    breakBeforeClose : false,
                    breakAfterClose : true
                });
        }
    }
});

参考：输出格式

Answer 5

像魅力一样工作的最佳解决方案：

编辑 contents.css 文件并设置段落样式，例如

 p {
     margin-top:0px;
     margin-bottom:5px;
 }