通过js获取tinymce4.x的值

问题的引出:

  在使用过程中,用传统的js的方法判断tinymce所选textarea(下面直接称textarea)的值是会出现这样的问题的:

    在已有输入内容时,首次提交的时候,依然会弹出js写的警告提示,然后再提交才可以成功。

  得知js不能直接得到textarea的值时,就四处找解决方法。

得到博友nkxyf的帮助,已经解决了这个问题。

看了半天官方的文档,因为英文不好,并且受之前其它html文本编辑器的影响,我以为tinymce的文档也会在installation这一块会给出获html内容的方法,但遗憾的是我找了一天了。我也是找不到

所幸百度搜到了nkxyf博友的一篇博文:http://www.cnblogs.com/nkxyf/p/3883586.html

向他请教搞定了这个问题!因为博文是7月份发的,我还以为我的留言会好久才会有回复,但是很快,邮箱的提醒让我发现nkxyf很快回复了我的提问。很是惊喜啊!同时也感觉博客园的邮箱提醒功能真的很方便!

好了,废话不多说了。进入正题

tinymce4.x 版本 js获取textarea的值的正确方法:var content = tinymce.get('elm1').getContent();  //注意:elm1是textarea的id值,不要加#。tinymce可以用,也可以用tinyMCE

方法在官网文档的这:http://www.tinymce.com/wiki.php/API3:method.tinymce.Editor.getContent

// Get the HTML contents of the currently active editor(得到当前处于活动状态的编辑器的html内容)
console.debug(tinyMCE.activeEditor.getContent());

// Get the raw contents of the currently active editor(得到当前处于活动状态的编辑器的原生内容)
tinyMCE.activeEditor.getContent({format : 'raw'});

// Get content of a specific editor:(得到指定的编辑器的内容,上面的例子就是用这种方法)
tinyMCE.get('content id').getContent()

有事要先想到官方文档,但应先百度一下后再看文档。

原文地址:https://www.cnblogs.com/zempty/p/4206757.html