ckeditor 4 在提交数据时添加额外的间距
ckeditor 4 adds extra spacing when submitted data
大家好,我正在做一个项目,我需要向数据库提交一些 HTML 数据,然后将其显示在页面上,为此我正在使用 CKEditor 4
<script src="https://cdn.ckeditor.com/4.13.1/standard-all/ckeditor.js"></script>
除了这 2 个问题,一切都很好。
PENDING 1. 当我从word文件复制粘贴一些HTML或者即使我输入并提交,页面上显示的数据有段落之间的空间更大,等等。当我使用相同的 CKEditor 5 时,效果很好,但我无法使用 CKEditor 5,因为我使用的插件仅适用于版本 4
已解决 2.when 我提交它发送的数据为空 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';
}
请告诉我如何解决这两个问题。如果我找到解决方案,我也会 post 我的答案。
非常感谢您的帮助。
编辑
我通过这个 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';
}
已更新问题
Point 1 as mentioned above and
New point : Point 2 got solved by adding the above code but it does
when i submit the first time and then when i do not refresh the page
and submits it again it sends the previous data even if i change the
data in textarea.
这就是解决问题的方法
$(richtext).html(evt.editor.getData().replace(/(\r\n|\n|\r)/gm,"") ) ;
大家好,我正在做一个项目,我需要向数据库提交一些 HTML 数据,然后将其显示在页面上,为此我正在使用 CKEditor 4
<script src="https://cdn.ckeditor.com/4.13.1/standard-all/ckeditor.js"></script>
除了这 2 个问题,一切都很好。
PENDING 1. 当我从word文件复制粘贴一些HTML或者即使我输入并提交,页面上显示的数据有段落之间的空间更大,等等。当我使用相同的 CKEditor 5 时,效果很好,但我无法使用 CKEditor 5,因为我使用的插件仅适用于版本 4
已解决 2.when 我提交它发送的数据为空 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';
}
请告诉我如何解决这两个问题。如果我找到解决方案,我也会 post 我的答案。 非常感谢您的帮助。
编辑
我通过这个 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';
}
已更新问题
Point 1 as mentioned above and
New point : Point 2 got solved by adding the above code but it does when i submit the first time and then when i do not refresh the page and submits it again it sends the previous data even if i change the data in textarea.
这就是解决问题的方法
$(richtext).html(evt.editor.getData().replace(/(\r\n|\n|\r)/gm,"") ) ;