通过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()
有事要先想到官方文档,但应先百度一下后再看文档。
通过js获取tinymce4.x的值的更多相关文章
- js获取单选框的值
js获取单选框的值 var lx= $("input[name='lx']:checked").val();
- JS获取select选中的值,所有option值
<select name="myselect" id="myselect"> <option value="2042"&g ...
- 每日学习心得:Js获取Checkboxlist所选值、instanceof 和typeof区别、为Array添加contains方法
2013-11-24 前言: 上周在工作中遇到了一些跟JS以及前台交互的问题,虽然算不上多么高深,但是在解决时也走了一些弯路,所以就总结一下. 1. JS获取checkboxList所选的值 这 ...
- js 获取getElementsTagName()方法返回值的内容
<div id="news-top" class="section"> <h3>Some title</h3> <di ...
- js获取select显示的值
html代码: <select id="myid"> <option value ="1">one</option> < ...
- js 获取url参数的值
//获取url参数函数function GetQueryString(name){ var reg = new RegExp("(^|&)"+ name +" ...
- JS获取指定的cookie值
cookie Name为TEST_COOKIE:用如下方法可以获取cookie值: document.cookie.replace(/(?:(?:^|.*;\s*)TEST_COOKIE\s*\=\s ...
- JS 获取元素的属性值,非内联样式
//获取样式表的属性值,IE8及以下不兼容 ,方法 window.getComputedStyle(dom对象,"伪类").style属性; //IE8及以下获取样式表的属性值 ...
- js获取span标签的值
<!DOCTYPE html> <html lang="en"><head> <meta charset="UTF-8" ...
随机推荐
- Leader-Follower线程模型简介
参考58沈剑大神架构师之路上的文章,谈谈Leader-Follower线程模型: 上图就是L/F多线程模型的状态变迁点,共6个关键点: (1)线程有3种状态:领导leading,处理processin ...
- python调用支付宝支付接口
python调用支付宝支付接口详细示例—附带Django demo代码 项目演示: 一.输入金额 二.跳转到支付宝付款 三.支付成功 四.跳转回自己网站 在使用支付宝接口的前期准备: 1.支付宝公 ...
- 讲解开源项目:5分钟搭建私人Java博客系统
本文适合刚学习完 Java 语言基础的人群,跟着本文可了解和运行 Tale 项目.示例均在 Windows 操作系统下演示 本文作者:HelloGitHub-秦人 HelloGitHub 推出的< ...
- C#串口类封装 SuperSerialPort
C#串口类封装 SuperSerialPort 基于SerialPort类做了简单的封装方便调用 代码 /// <summary> /// SuperSerialPort /// < ...
- WIN10家庭版桌面右键单击显示设置出现ms-settings:display或ms-settings:personalization-background解决办法[原创]
最近,笔者的笔记本卸载oracle数据库,注册表里面删除了不少相关信息,没想到担心的事情还是来了!桌面右键单击显示设置出现ms-settings:display或ms-settings:persona ...
- springboot的整合springMvc中的postman的post中的form-data和raw区别
package com.example.demomap.Controller; import com.example.demomap.pojo.ParaEntity; import org.sprin ...
- 部署Kettle做ETL开发并使用Crontab制作调度系统
背景说明: 在数据量较小,且数据源和装载地都是关系型数据库时,使用Kettle做ETL较为简便. 由于调度系统产品因为服务器环境方面的因素,而无法部署,故使用Linux的crontab定时器来制作简易 ...
- Mac忘记MySQL root密码解决方法(亲测有效)
重置MySQL root密码 重置MySQL root用户的密码: 1)新建一个文本文件sql.txt,写入修改用户密码的SQL语句. MySQL 5.7.6及更高版本写这句: ALTER USER ...
- .netcore CAP2.6 快速入门
CAP介绍: CAP是一个用来解决微服务或者分布式系统中分布式事务问题的一个开源项目解决方案.可以解决跨服务器的数据一致性问题.一个简单的列子,如:订单系统创建订单后需要通知邮件通知用户下单成功,解决 ...
- 利用peerjs轻松玩转webrtc
随着5G技术的推广,可以预见在不久的将来网速将得到极大提升,实时音视频互动这类对网络传输质量要求较高的应用将是最直接的受益者.而且伴随着webrtc技术的成熟,该领域可能将成为下一个技术热点,但是传统 ...