ckeditor 4在提交数据时增加了额外的间隔

问题描述 投票:1回答:1

您好,我正在一个项目中,我需要向数据库提交一些HTML数据,然后将其显示到页面上,并且为此目的,我正在使用CKEditor4。>

<script src="https://cdn.ckeditor.com/4.13.1/standard-all/ckeditor.js"></script>

除了这两个问题之外,一切都很好。

PENDING

1.当我从Word文件中通过复制粘贴放置一些HTML时,或者即使我键入并提交了HTML,在页面上显示的数据在段落之间的间隔也要大得多,等等。相同的CKEditor 5,效果很好,但是我无法使用CKEditor 5,因为我使用的插件仅在版本4中有效]

已解决 2.当我提交数据时,它将作为空HTML发送,如果再次提交,则将提交数据。我的意思是textarea的值不会在首次提交时发送到其他页面。

我的代码在这里

<textarea name="ques" class="form-control ckeditor" placeholder="Describe the question" id='richtext' style="height: 150px;"></textarea>


//script
CKEDITOR.replace('desc', {
  extraPlugins: 'mathjax',
  mathJaxLib: 'https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.4/MathJax.js?config=TeX-AMS_HTML',
  height: 320
});

if (CKEDITOR.env.ie && CKEDITOR.env.version == 8) {
  document.getElementById('ie8-warning').className = 'tip alert';
}

请向我建议如何解决这两个问题。如果找到解决方案,我还将发布答案。非常感谢您的帮助。

编辑

我解决了此ajax的数据提交问题

    var richtext = document.getElementById('richtext');
CKEDITOR.replace('richtext', {
      on : {
            change: function ( evt )  {
            $(richtext).html(evt.editor.getData());
            }
        },
      extraPlugins: 'mathjax',
      mathJaxLib: 'https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.4/MathJax.js?config=TeX-AMS_HTML',
      height: 320
    });

    if (CKEDITOR.env.ie && CKEDITOR.env.version == 8) {
      document.getElementById('ie8-warning').className = 'tip alert';
    }

已更新的问题

如上所述的要点1和

新点:通过添加上面的代码解决了点2,但确实当我第一次提交时,然后当我不刷新页面时并再次提交它发送以前的数据,即使我更改了文本区域中的数据。

你好,我正在一个项目中,我需要向数据库提交一些HTML数据,然后将其显示到页面上,为此,我正在使用CKEditor 4

javascript ckeditor ckeditor4.x
1个回答
0
投票

这是解决问题的方法

$(richtext).html(evt.editor.getData().replace(/(\r\n|\n|\r)/gm,"") ) ;
© www.soinside.com 2019 - 2024. All rights reserved.