通过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" ...
随机推荐
- SQL获取客户端网卡电脑名称等信息
Select SYSTEM_USER 当前用户名, USER_NAME() 当前所有者,db_Name() 当前数据库,@@SPID 当前进程号,(select top 1 FileName from ...
- Prometheus 集成 Node Exporter
文章首发于公众号<程序员果果> 地址:https://mp.weixin.qq.com/s/40ULB9UWbXVA21MxqnjBxw 简介 Prometheus 官方和一些第三方,已经 ...
- (十四)c#Winform自定义控件-键盘(一)
前提 入行已经7,8年了,一直想做一套漂亮点的自定义控件,于是就有了本系列文章. 开源地址:https://gitee.com/kwwwvagaa/net_winform_custom_control ...
- c# oracle 数据库连接以及参数化查询
private string OracleSearchDemo(string cadqueueId) { string address = null; using (OracleConnection ...
- spark通过JDBC读取外部数据库,过滤数据
官网链接: http://spark.apache.org/docs/latest/sql-programming-guide.html#jdbc-to-other-databases http:// ...
- idea打开eclipse项目并部署至tomcat
前言:因为遇到了用idea打开eclipse项目并配置外置tomact的场景,经过实验也成功了,所以特地来记录一下. 导入eclipse项目 这里我们导入的eclipse下开发的maven项目,直接点 ...
- 使用.Net Core CLI命令dotnet new创建自定义模板
文章起源来自一篇博客:使用 .NET CORE 创建 项目模板,模板项目,Template - DeepThought - 博客园 之前使用Abp的时候就很认同Abp创建模板项目的方式.想不到.Net ...
- Spring Boot集成quartz实现定时任务并支持切换任务数据源
org.quartz实现定时任务并自定义切换任务数据源 在工作中经常会需要使用到定时任务处理各种周期性的任务,org.quartz是处理此类定时任务的一个优秀框架.随着项目一点点推进,此时我们并不满足 ...
- egret之moveclip 序列帧动画
废话不多说,直接上代码: private addEffect(name, x: number, y: number, act?: string) { let data = RES.getRes(nam ...
- Codeforces 255C
题意略. 本题考查动态规划,顺便考查一下优化. 这个题目可以归约到最长递增子序列那一类,定义状态:dp[i][j] --- 当前以第i个数结尾,前一个数是第j个数的最长序列. if(a[i] == a ...