通过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()

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

时间: 2024-10-09 19:40:45

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

JS获取DropDownList的value值与text值

<script type="text/javascript" language="javascript"> function SearchChange() { var ddl = document.getElementById('<%=DropDownList1.ClientID %>') var index = ddl.selectedIndex; var Value = ddl.options[index].value; var Text

js获取复选框值

//js获取复选框值 var obj = document.getElementsByName("interest");//选择所有name="interest"的对象,返回数组 var s='';//如果这样定义var s;变量s中会默认被赋个null值 for(var i=0;i<obj.length;i++){ if(obj[i].checked) //取到对象数组后,我们来循环检测它是不是被选中 s+=obj[i].value+','; //如果选中,

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

<select name="myselect" id="myselect"> <option value="2042">1--测试二级页面专题</option> <option value="2031">2--2016年浙江省大学生艺术节</option> <option value="1983">3--2016里约奥运图粹</o

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

<div id="news-top" class="section"> <h3>Some title</h3> <div class="content"> <ul> <li><span>HTML</span><a href="">Some Link1</a></li> <li><

js获取select显示的值

html代码: <select id="myid"> <option value ="1">one</option> <option value ="2">two</option> <option value="3">three</option> <option value="4">four</option

js 获取url参数的值

//获取url参数函数function GetQueryString(name){    var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); // match()方法可在 字符串内检索指定的值,或找到一个或多个正则表达式的匹配    var r = window.location.search.substr(1).match(reg);     if(r!=null){         

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

//获取样式表的属性值,IE8及以下不兼容 ,方法 window.getComputedStyle(dom对象,"伪类").style属性; //IE8及以下获取样式表的属性值 ,属性 element.currentStyle.style属性; 判断浏览器是否兼容 getComputedStyle 和 currentStyle if( window.getComputedStyle ){ } else if( document.body.cyrrentStyle ){ }

js 获取input 中name值的问题

获取单选按钮选中的name值 :var replyidRadio =  $("input[name='replyidRadio']:checked").val(); 获取checkbox选中的name值 checkval = $("input:checkbox[name='check[]']:checked").map(function(index,elem) { return $(elem).val(); }).get().join(',');

js获取freemarker变量的值

后台数据 @RequestMapping(value="/suit_item", method = RequestMethod.GET) public String getSuitItem(HttpServletRequest request, ModelMap map) { //TO DO map.put("testCaseDtoList", testCaseDtoList); return "/suit/suit_item"; } 需要获取一