CKEDITOR.instances为空

(转)用JS判断ckeditor3.6版本编辑器内容为空的方法

因为编者我还是一个初学入门者,无论是JS还是PHP,都是懂了点皮毛.今天在研究ckeditor编辑器的时候遇到了一些问题,虽然这只是我的个人问题,但觉得可以分享给其他人,或许也有像我这样的初学者也会遇到这问题. 好了,现在谈一下这问题. 在接触ckeditor编辑器之前,编者制作的表单都是用的<textarea>标签,比如制作的留言本.新闻发布器等,但由于<textarea>的输入框输入的内容格式单一,基本没什么扩展功能,所以使用了ckeditor编辑器.在这里先声明,编者使用的是

CKeditor使用js验证不得为空

if (CKEDITOR.instances.TextArea1.getData() == '') { alert('警告:详细内容不得为空!'); CKEDITOR.instances.TextArea1.focus(); return false; }

ckeditor、ckeditor配置--整合

1.将ckeditor和ckfinder文件夹拷入项目文件夹中,刷新项目. 2.ckfinder把文件夹中的bin目录下的dll文件(CKFinder.dll)添加到网站的引用中,防止出现找不到类的错误.(未能加载类型“CKFinder.Connector.Connector”.) 3. 在添加编辑控件的页面(aspx)的head中加入,并插入代码: <script src="ckeditor/ckeditor.js" type="text/javascript&quo

当ASP.NET MVC模型验证遇上CKEditor

项目需要,使用到了CKEditor编辑器.这是个很不错的富文本编辑器,但是当它绑定的字段需要进行模型验证的时候,却会出现验证失效的问题.因此本文旨在记录这个问题和给出解决办法.以下以ValidationAttribute和jQuery Validate2中验证方式为例.测试项目包含3个页面:Index.cshtml(包含2个部分视图).Add.cshtml(添加页).Companies(列表页,仅为展示数据):一个模型(Company).项目功能截图如下: -------------------

javascript获取ckeditor编辑器的值(实现代码)

CKeditor编辑器是FCKeditor的升级版本想对于FCK来说,确实比较好用,加载速度也比较快以下是如果通过JS获取CKeditor编辑器的值,用于表单验证 if(CKEDITOR.instances.content.getData()==""){alert("内容不能为空!");return false;} content是textarea的name下次发下CKeditor的配置还有上传配置,我只弄了PHP的上传刚有个朋友反应说FIREFOX下不能判断为空

ckeditor 敏感词标记显示处理方法

直接在原型添加方法: (function () { /* * 取消所有高亮 */ CKEDITOR.editor.prototype.CancleSensitiveWordsHighlight = function () { var regstrEpswh = '<span class="ep_ckeditor_sensitivewords" style="background-color:[^<>:]+[;]*">([^<>]+

CKEditor 自主控制图片上传

在ASP.NET中使用CKEditor编辑器,如果想控制图片上传,即把上传的图片路径名存到数据中,可以自定义一个上传功能首先自定义CKEditor的配置文件在config.js中添加以下代码,红色部分为增加添加图片插件语句 CKEDITOR.editorConfig = function (config) { // Define changes to default configuration here. For example: config.language = 'zh-

富文本编辑器 CKeditor 配置使用（带附件）

Ckeditor下载地址:http://ckeditor.com/download 1.CKeditor的基本配置 var textval=CKEDITOR.instances.TextArea1.getData(); //获取带HTML的值 var stemTxt=CKEDITOR.instances.TextArea1.document.getBody().getText();//获取纯文本 CKEDITOR.instances.TextArea1.setData(data.content)

easyui+webuploader+ckeditor实现插件式多图片上传-添加图片权限(图片上传人是谁，只能看到自己的图片)

需求: 实现过程及思路 1.先页面布局 <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <link href

easyui+webuploader+ckeditor实现插件式多图片上传

需求:在ckeditor编辑器上实现多图片上传并要求另外单独选择ckeditor上传的图片作为封面页面效果说明: 动态效果图: 第一步:页面布局 <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8

ckeditor：新增时会得到上次编辑的内容

参考网址:http://blog.sina.com.cn/s/blog_6961ba9b0102wwye.html 第一次新增时没有问题,编辑器里面内容为空,编辑数据时,也是正常,但是第二次点击新增时会出现编辑时的内容. 分析可能是第二次新增时还是取的上次的实例,即使用CKEDITOR.instances.content.setData('')也没有用. 后改成如下代码(新增时重新生成一个实例): if (CKEDITOR.instances['content']){ CKEDITOR.inst

Ckeditor的JS的加载和取值和赋值方法

Ckeditor 就是原来的Fckeditor. JS加载: $(function() { CKEDITOR.replace('FContent'); //FContent:这个对应文本域 }); JS取值: var content = CKEDITOR.instances.FContent.getData(); if (content == "" || comtent == null) { alert("邮件正文不可为空!"); } JS赋值:

Ckeditor 中粘贴图片

我们在ckeditor 中有上传图片,但是实际使用中这种手动上传图片方式并不是很方便,而是复制或者截图粘贴图片. 这里我们实现主要是获取对应的粘贴事件. CKEDITOR.instances["editor1"].on('instanceReady', function(e) { this.document.on("paste", function(e) { var items = e.data.$.clipboardData.items; for(var i =

CKEditor的安装与基本使用（JSP）

文章分类:Web前端一.下载CKEditor 1. 直接下载地址.当前最新版本号为3.5: http://download.cksource.com/CKEditor/CKEditor/CKEditor%203.5/ckeditor_3.5.zip 2. 或者可直接到官方站点下载: http://ckeditor.com/download 二.安装CKEditor 解压ckeditor_3.5.zip,得到ckeditor目录,将ckeditor整个目录拷贝到项目project的根目录下,即W

JS获取CkEditor在线编辑的内容

参考博文:[实践]获取CKEditor的html文本.纯文本.被选中的内容及赋值 1.获取CKEditor被选中的内容 var mySelection = CKEDITOR.instances.WORK_INTRODUCTION.getSelection(); if (CKEDITOR.env.ie) { mySelection.unlock(true); data = mySelection.getNative().createRang

angularjs中ckeditor的destroy问题

项目中,在切换了页面的tab页后会发现上传图片的操作报错,检查后发现问题根源是切换了tab页重新加载页面时ckeditor又会创建一次,这个时候的ckeditor已经不是第一次创建的那个了,所以上传图片的方法中会报错. 解决方法:在ckeditor每次创建之前判断一下,如果有ckeditor则destroy掉,重新创建新的,保证页面上始终只有一个ckeditor,具体如下: 在ckeditor的directive中: console.log(CKEDITOR.instances.myCKedit

ckeditor+angularjs directive

var cmsPlus = angular.module('cmsPlus', []); cmsPlus.directive('ckEditor', function() { return { require: '?ngModel', link: function(scope, elm, attr, ngModel) { var ck = CKEDITOR.replace(elm[0]); if (!ngModel) return; ck.on('instanceReady', function

使用easeui dialog弹出框中使用CKeditor多次加载后无法编辑问题

问题呈现:弹出框页面 <tr class="addtr"> <th>内容</th> <td>  <te

关于ckeditor ajax提交到后台问题

ckeditor 提交时如果有带有html时是提交不了的解决办法就是你在提交的时候将ckeditor获取的只编码(encodeURI) 然后在传到后台提交的时候在解码就ok了 ckname是ckeditor的id var ckcode = (CKEDITOR.instances[ckname].getData()); encodeURI(ckcode) 编码 encodeURI(ckcode) 传到后台 ChangeHelper.DecodeHtmlStr(FormData[fiel

关于ckeditor 第二次加载出现问题

在使用ckeditor 出现的问题也比较多的 ,一个问题是图片上传的问题 ,一个就是第二次加载的时候 ckeditor编辑框出现不了的问题第一个问题是修改ckeditor js属性网上都有第二个问题网上很少但是作用于这里就没有什么用首先我id用的是动态的id Tarea_@Model.FieldName <textarea class="ckeditor" id="Tarea_@Model.FieldName" cols="20&

CKEDITOR.instances为空

热门专题