JS获取ckeditor4 x里的值

项目中有这样一个需求,使用ckeditor可以上传图片,需要在前端验证一下不可上传多于5张图片。

以下是查看源代码所看到的ckeditor里的值

<p>AAAAA</p>
<p><img alt="" src="/eHomePlus/img/uploadImg/f9d6663f-94f3-4ff5-b699-d17a5fbbd49d.png"
style="height:426px; width:447px" /></p>
<p>BBBB</p>
<p><img alt="" src="/eHomePlus/img/uploadImg/f15b9fb1-adbd-4495-ad76-59cc1e6b6344.png"
style="height:427px; width:455px" /></p>
<p>CCC</p>

要想知道有多少张图片,通过img标签的个数可以看出。那首先就需要获取到ckeditor里的值

ckeditor提供了这样一个方法可以做到

CKEDITOR.instances.editor1.getData()

所以代码可写为:

var content=CKEDITOR.instances.entity_content.getData();//entity_content为textarea的ID
var imgSize = $(content).find("img").size();

另外也有其他方法可以取得编辑器内的值

var editor;
$(function() {
	editor = CKEDITOR.replace(‘content‘);
})
editor.document.getBody().getText();//取得纯文本
editor.document.getBody().getHtml();//取得html文本

再分享一下我老师大神的人工智能教程吧。零基础!通俗易懂!风趣幽默!还带黄段子!希望你也加入到我们人工智能的队伍中来!https://blog.csdn.net/jiangjunshow

原文地址:https://www.cnblogs.com/skiwnchqhh/p/10339059.html

时间: 2024-11-10 01:31:50

JS获取ckeditor4 x里的值的相关文章

js获取单选框里面的值

rt,如果想获取单选框里面的值,该如何获取呢. <script> window.onload = function(){ //通过名字获取 getElementsByName //var obj = document.getElementsByName("fruit"); //通过标签获取 getElementsByTagName var obj = document.getElementsByTagName("input"); for(var i=0;

js获取表单里的参数并返回键值对

/** * js获取表单里的参数并返回键值对 * @version 1 * @param {Object} - js表单对象 * @returns {Object} - 表单参数键值对 */ function getFormData(form){ if (!form) { return {}; } var params = {} , elems = form.elements ; for(var i in elems){ var elem = elems[i]; if(elem.nodeName

js 获取浏览器高度和宽度值

js 获取浏览器高度和宽度值 IE中: document.body.clientWidth ==> BODY对象宽度 document.body.clientHeight ==> BODY对象高度 document.documentElement.clientWidth ==> 可见区域宽度 document.documentElement.clientHeight ==> 可见区域高度 FireFox中: document.body.clientWidth ==> BODY

js获取select标签选中的值及文本

原生js方式: var obj = document.getElementByIdx_x("testSelect"); //定位id var index = obj.selectedIndex; // 选中索引 var text = obj.options[index].text; // 选中文本 var value = obj.options[index].value; // 选中值 jquery方式: 第一种方式$('#testSelect option:selected').te

js获取url的参数和值的N种有效方法

js获取url的参数和值的N种有效方法 function getParameterByName(name) { name = name.replace(/[\[]/, "\\\[").replace(/[\]]/, "\\\]"); var regexS = "[\\?&]" + name + "=([^&#]*)"; var regex = new RegExp(regexS); var results =

使用js获取复选框的值,并把数组传回后台处理,过程使用的是Ajax异步查询

这是界面代码: ? function shua(){             var id_array=new Array();         $('input[id="checkAll"]:checked').each(function(){         id_array.push($(this).val());//向数组中添加元素         });  //获取界面复选框的所有值              var chapterstr = id_array.join(',

js获取单选框radio的值

遇到一个js获取radio值的问题,原来根据frm.type.value取到的值在ie下是空值 解决办法:type为每个radio的值 var chkObjs=document.getElementsByName("group");        for(var i=0;i<chkObjs.length;i++){            if(chkObjs[i].checked){                var type = i;                brea

js 获取图片url的Blob值并预览

1)使用 XMLHttpRequest 对象获取图片url的Blob值 //获取图片的Blob值 function getImageBlob(url, cb) { var xhr = new XMLHttpRequest(); xhr.open("get", url, true); xhr.responseType = "blob"; xhr.onload = function() { if (this.status == 200) { if(cb) cb(this

js获取select标签选中的值

var obj = document.getElementByIdx_x("testSelect"); //定位id var index = obj.selectedIndex; // 选中索引 var text = obj.options[index].text; // 选中文本 var value = obj.options[index].value; // 选中值 jQuery中获得选中select值 第一种方式$('#testSelect option:selected').t