如何通过在其旁边添加字符串来validationtinyMCE编辑器是否为空？

我需要validation表单。 这个表单有一些下拉菜单和tinyMCE编辑器，我通过在每个字段后面附加字符串“Required”来validation这个表单，如果它是空白的，但是我无法validationtinyMCE编辑器，如果编辑器是空白的，我尝试了类似的东西

tinyMCE.get('tinyedotor').getContent(); 

但没有运气。

这是我的小提琴

Answer 1

getContent()应该可以正常工作。 你的小提琴不包含编辑器值的表单validation代码，这在这里非常重要。 试试这个：

 var editorContent = tinyMCE.get('tinyeditor').getContent(); if (editorContent == '') { // Editor empty } else { // Editor contains a value } 

叉小提琴

另请注意，您已为select下拉菜单声明了多个id 。

编辑：您可以使用getContainer()方法获取编辑器容器的id ： tinyMCE.get('tinyeditor').getContainer() 。 在编辑器之后插入错误消息将是这样的：

 $('Editor empty').insertAfter($(tinyMCE.get('tinyeditor').getContainer())); 

但是，每次用户单击提交按钮时，这将创建一个新的span ，因此您可能希望拥有一个具有唯一id的错误消息容器，并在插入之前检查该容器是否已存在。

编辑2 ： 更新小提琴 。

Answer 2

您可以执行此操作以检查内容是否为空而不解析html：

 var content = tinymce.get('tinymceEditor').getContent({format: 'text'}); if($.trim(content) == '') { // editor is empty ... } 

Answer 3

你想要什么可以轻松完成。 她是我解决方案的小提琴 。

Answer 4

使用getcontent（）是正确的方法，但是如果用户进入空间怎么办？
以下是RegEX的完整解决方案 –

 var content = tinyMCE.get('tinyeditor').getContent(), patt; //Here goes the RegEx patt = /^
( \s)+( )+<\/p>$/g; if (content == '' || patt.test(content)) { $('.bgcolor').css("border", "1px solid Red") return false; } else { $('.bgcolor').removeAttr("style") return true; } 

注意：（ ‘。bgcolor’）只是在’tinyeditor’周围的div，在validation发生时有红色边框。

Answer 5

getContent()是要走的路。 您可以使用tinyMCE.activeEditor对象并在其上调用getContent()或通过id获取编辑器实例，就像您正在做的那样。

看起来你的身份证上有一个拼写错误，这可能会导致你的问题。

 tinyMCE.get('tinyedotor').getContent(); 

应该是：

 tinyMCE.get('tinyeditor').getContent();