项目中有这样一个需求,使用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();
分享到:
相关推荐
ckeditor_4.x 基于4.x版的自定义按钮控件 可自定义图片按钮、文本按钮 - 详细配置
在网上找了半天,看见两偏整合教程不错,把两偏整理成一偏供参考。 别人一个文档就要10分才能下,本人分不多了,扣大家5分来赚取回来。...Ckeditor3.X与ckfinder2.X整合forJAVA (支持文件上传,解决中文乱码)
ckeditor3.x 支持自定义上传,媒体预览 ,采用flvplayer、jwplayer方式,自己刚刚实现成功,后台代码自己补全,我的是java代码就不提供了
CKEditor3.x配置使用教程,支持图片上传其中图片上传支持Ftp
CKEditor是一个专门使用在网页上属于开放源代码的所见即所得文字编辑器。它志于轻量化,不需要太复杂的安装步骤即可使用。它可和PHP、JavaScript、ASP、ASP.NET、ColdFusion、Java、以及ABAP等不同的编程语言相结合...
编辑能力极强,基本和word差不多了。看起来界面极其优秀的一款。 有简洁大方的UI界面,轻量级。官网上有文档可学习使用。
NULL 博文链接:https://zhangyinhu8680.iteye.com/blog/2111496
CKeditor编辑器是FCKeditor的升级版本想对于FCK来说,确实比较好用,加载速度也比较快以下是如果通过JS获取CKeditor编辑器的值,用于表单验证 if(CKEDITOR.instances.content.getData()==””){alert(“内容不能...
特征CKEditor版本4.x( ) Rails 5.x,4.2.x集成文件浏览器HTML5文件上传器用于formtastic和simple_form表单生成器的钩子与授权框架和集成安装对于基本用法,只需包含ckeditor gem: gem 'ckeditor'或者,如果您想...
ckeditor-4.1.2.jar ckeditor-4.1.2.jar ckeditor-4.1.2.jar ckeditor-4.1.2.jar ckeditor-4.1.2.jar ckeditor-4.1.2.jar ckeditor-4.1.2.jar
CKEditor 2.6 整合资源,包含所有源文件。
早在 2009 年 9 月, 将 FCK 2 拼写页面功能移植为 CKEditor 3.x 的插件。不幸的是,该版本不适用于 CKEditor 4。 我已经修改了 ckeditor3 版本并对其进行了调整,以便它可以与 CKEditor 4 一起使用。我已经合并了...
用于最新CKEditor4.0的行距插件,不能用于CKEditor3.X.X及以前版本
本插件源码来自互联网,由于源代码基于ckeditor3.6.61,故对源码进行过简单修改,以求适应ckeditor4.4.7
百度释义: FCKeditor是一个专门使用在网页上属于开放源代码的所见即所得文字编辑器,用JavaScript编写。它志于轻量化,不需要太复杂的安装 步骤即可使用。... “FCKeditor”名称中的“FCK” 是这个编辑器的作者的...
ckeditor3.6.6.1+ckfinder2.0.1(php破解) 完美整合,可直接使用,内附说明,完美的编辑器,堪比word
ckeditor.js解決传路径的问题
已经改的很完整的CKeditor编辑器,上传文件会传到CDfinder/userFiels下。直接调用ckeditor下Bin目录下的CKEditor.NET.dllt和CKFinder.dll,就可以了...里在有两个文件夹都要放在你的站点根目录下。然配置Web.config文件。