【问题标题】:Check TinyMCE content editor and remove bottom newline检查 TinyMCE 内容编辑器并删除底部换行符
【发布时间】:2012-11-17 14:13:04
【问题描述】:
我正在使用 TinyMCE 编辑器。当用户通过 Ajax 请求提交内容时,我试图删除一个空标签。如果用户没有在编辑器区域插入内容,TinyMCE 编辑器会保留空标签。
<div> </div>
如何通过 jQuery 检查编辑器是否没有内容?此外,我想删除内容编辑器末尾的空标签:例如,当用户在底部插入换行符时,因为 TinyMCE 将换行符翻译成:
<div> </div>
在 TinyMCE 中也可以转换换行符:
<div> </div>
进入
<div class="custom_empty"></div>
【问题讨论】:
标签:
javascript
jquery
html
tinymce
【解决方案1】:
在这种情况下,我不会使用常规表单并提交,而是在按下特殊提交按钮时使用 ed.getContent() - tinymce API 函数获取 tinymce 编辑器内容。
然后,您就有机会自己清理您的 tinymce 编辑器内容。
这里有一些示例代码我用来做一些字符替换,因为我们必须使用自己的字体并在编辑器中替换一些特殊字符:
content = content.replace(/\u2192/g, '\t').replace(/\u00a0/g, '\u0020').replace(/\u202F/g, '\u00a0').replace(/\u2007/g, '\u2005').replace( new RegExp("\ufeff", "g"), "").replace(/\u00ad/g, '');
在您的用例中,您可能会考虑使用正则表达式来检测空标签(或带有 &bnsp 的标签)并用空字符串替换它们。