问题的引出:

  在使用过程中,用传统的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()

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

通过js获取tinymce4.x的值的更多相关文章

  1. js获取单选框的值

    js获取单选框的值 var lx= $("input[name='lx']:checked").val();

  2. JS获取select选中的值,所有option值

    <select name="myselect" id="myselect"> <option value="2042"&g ...

  3. 每日学习心得:Js获取Checkboxlist所选值、instanceof 和typeof区别、为Array添加contains方法

    2013-11-24 前言: 上周在工作中遇到了一些跟JS以及前台交互的问题,虽然算不上多么高深,但是在解决时也走了一些弯路,所以就总结一下. 1.    JS获取checkboxList所选的值 这 ...

  4. js 获取getElementsTagName()方法返回值的内容

    <div id="news-top" class="section"> <h3>Some title</h3> <di ...

  5. js获取select显示的值

    html代码: <select id="myid"> <option value ="1">one</option> < ...

  6. js 获取url参数的值

    //获取url参数函数function GetQueryString(name){    var reg = new RegExp("(^|&)"+ name +" ...

  7. JS获取指定的cookie值

    cookie Name为TEST_COOKIE:用如下方法可以获取cookie值: document.cookie.replace(/(?:(?:^|.*;\s*)TEST_COOKIE\s*\=\s ...

  8. JS 获取元素的属性值,非内联样式

    //获取样式表的属性值,IE8及以下不兼容 ,方法 window.getComputedStyle(dom对象,"伪类").style属性;   //IE8及以下获取样式表的属性值 ...

  9. js获取span标签的值

    <!DOCTYPE html> <html lang="en"><head> <meta charset="UTF-8" ...

随机推荐

  1. 微信小程序如何动态增删class类名达到切换tabel栏的效果

    微信小程序和vue还是有点差别的,要想实现通过动态切换class来达到切换css的效果,请看代码: //wxml页面: <view class="tab"> <v ...

  2. 算法与数据结构基础 - 双指针(Two Pointers)

    双指针基础 双指针(Two Pointers)是面对数组.链表结构的一种处理技巧.这里“指针”是泛指,不但包括通常意义上的指针,还包括索引.迭代器等可用于遍历的游标. 同方向指针 设定两个指针.从头往 ...

  3. (十)c#Winform自定义控件-横向列表

    前提 入行已经7,8年了,一直想做一套漂亮点的自定义控件,于是就有了本系列文章. 开源地址:https://gitee.com/kwwwvagaa/net_winform_custom_control ...

  4. centos7 yum搭建lnmp环境及配置wordpress超详细教程

    yum安装lnmp环境是最方便,最快捷的一种方法.源码编译安装需要花费大量的人类时间,当然源码编译可以个性化配置一些其它功能.目前来说,yum安装基本满足我们搭建web服务器的需求. 本文是我根据近期 ...

  5. 关于js-xlsx的使用

    写在前头,本人是名Java开发人员,偶尔在前端打打酱油,写出的代码或许存在问题,请路过的大神一一指正,不吝感激. 最近公司准备做一些关于Excel 数据导入和导出相关需求,之前有在开源社区看到说比起纯 ...

  6. SpringBoot进阶教程(六十)intellij idea project下建多个module搭建架构(上)

    在 IntelliJ IDEA 中,没有类似于 Eclipse 工作空间(Workspace)的概念,而是提出了Project和Module这两个概念.多module有一个父maven工程,多个子工程 ...

  7. 用java自制简易线程池(不依赖concurrent包)

    很久之前人们为了继续享用并行化带来的好处而不想使用进程,于是创造出了比进程更轻量级的线程.以linux为例,创建一个进程需要申请新的自己的内存空间,从父进程拷贝一些数据,所以开销是比较大的,线程(或称 ...

  8. Freemarker提供了3种加载模板目录的方法

    Freemarker提供了3种加载模板目录的方法 原创 2016年08月24日 14:50:13 标签: freemarker / Configuration 8197 Freemarker提供了3种 ...

  9. Springboot源码分析之TargetSource

    摘要: 其实我第一次看见这个东西的时候也是不解,代理目标源不就是一个class嘛还需要封装干嘛... 其实proxy代理的不是target,而是TargetSource,这点非常重要,一定要分清楚!! ...

  10. python 实现多个线程间消息队列传递,一个简单的列子

    #-*-coding:utf8-*-"""Producer and consumer models: 1. There are many producers and co ...