您好,我正在一个项目中,我需要向数据库提交一些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
这是解决问题的方法
$(richtext).html(evt.editor.getData().replace(/(\r\n|\n|\r)/gm,"") ) ;