tinymce富文本深坑：只输入空格时无法输出内容

只输入空格时，查看tinymce输出的内容（/源码），会发现内容为空（即 ''），并非我们想要的 ' ' 或 <p>&nbsp</p> 

正常内容以及其对应输出的内容/源码

 

 只输入空格以及其对应输出的内容/源码

 

 果然什么都没有输出

 

原因：

tinymce.getContent({format: ' '})  === ''

tinymce在将输入内容转化为带html标签的字符串时，会将 ' '  转化成 ''，因此输出的内容/源码就是空的，如果富文本需要做必填校验时，就很容易出现问题。

解决：

前景提要：getContent方法可以获得富文本输入的内容，setContent方法可以修改富文本内容，因此通过代码的方式对富文本赋值时，会调用setContent方法

目前我没有找到官网对getContent的修改，只有开发者手动修改getContent的触发时机，即当用户只输入了空格时，执行tinymce.setContent(' ')，此时富文本输出的内容/源码就变成了 ' ' 。

注：tinymce.setContent()的tinymce在每个项目中不同（这个是自己设置的变量），setContent的具体使用方法可参考https://www.tiny.cloud/docs/tinymce/6/apis/tinymce.dom.selection/#setContent

tinymce中文文档：http://tinymce.ax-z.cn/

tinymce官方文档：https://www.tiny.cloud/