2 qq 34098325 qq_34098325 于 2016.04.14 15:52 提问

怎么获取到ckeditor上面的保存按钮,并为它添加单击事件,急!!!!!

怎么获取到ckeditor上面的保存按钮,并为它添加单击事件

2个回答

showbo
showbo   Ds   Rxr 2016.04.14 16:06
已采纳

导入jquery没有,导入用这个就能搞定,其中editor_v2这个内容是你replace调用时的textarea的id

 $('#cke_editor_v2 a.cke_button_save').click(function(){alert('click save')})

否则就只能遍历了。。

            CKEDITOR.on('instanceReady', function (e) { 
                    var a = document.getElementById('cke_'+.editor.name).getElementsByTagName('a');
                    for(var i=0;i<a.length;i++)
                        if (a[i].className.indexOf('cke_button_save') != -1) {
                            a[i].addEventListener ?
                            a[i].addEventListener('click', function () { alert('save') }, false) :
                            a.attachEvent ? a.attachEvent('onclick', function () { alert('save') }) : null;
                            break;
                        }
                })
qq_34098325
qq_34098325 回复无聊码农: 谢谢,已经解决了
2 年多之前 回复
showbo
showbo 回复凵IT-BOY: 自己console.log看获取到对象没有。还有我这里是3.5.3版本,其他版本自己f12,用开发工具查看保存按钮的样式是什么,自己修改对应的代码,还有容器的id是不是一样的结构
2 年多之前 回复
qq_34098325
qq_34098325 回复无聊码农: 那个保存按钮还是灰色的
2 年多之前 回复
qq_34098325
qq_34098325 我用的jquery,这样写还是不行
2 年多之前 回复
qq_34098325
qq_34098325 CKEDITOR.on('instanceReady', function (e) { $('#cke_editor1 a.cke_button_save').click( function(){ alert('click save'); } ) }); })
2 年多之前 回复
showbo
showbo 回复无聊码农: 不管jquery或者不是jquery,都需要放到 CKEDITOR.on('instanceReady', function (e) { 事件里面。。如果是js,这句要改下 var a = document.getElementById('cke_'+.editor.name).getElementsByTagName('a');==》 var a = document.getElementById('cke_'+e.editor.name).getElementsByTagName('a');
2 年多之前 回复
qq_34098325
qq_34098325 回复无聊码农:是不是需要设置按钮解禁?
2 年多之前 回复
qq_34098325
qq_34098325 回复无聊码农: 额,照你这样做了,可是没反应,那个按钮都是灰色的。
2 年多之前 回复
showbo
showbo 参数e少了。。document.getElementById('cke_'+e.editor.name).getElementsByTagName('a');
2 年多之前 回复
qq_34098325
qq_34098325   2016.04.14 17:53

图片说明

保存按钮是灰色的

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
在项目中使用最新的ckeditor4.3.1的全过程+增加自己的上传本地图片按钮及将上传图片返回、保存
在做一个购物网站,产品简介里需要添加图片或者更多的编辑方式来描述产品,就需要html编辑器,网上现有的都是很古老的版本,界面不好看。于是去了ckeditor的官网上下载了最新的版本,蹩脚的英语加上网页翻译终于找到了怎么用: 一,引入。将ckeditor文件夹拷到你的项目里,我是直接拷到了WebRoot下面,引入完成,就这么简单。 二,在你想使用编辑器的jsp页面上面,加上一句 将页面的tex
ckeditor去掉按钮
在ckeditor/config.js中,配置 config.toolbar = [                   [ 'Source', '-', 'Preview', '-', 'Templates' ],                   [ 'Cut', 'Copy', 'Paste', 'PasteText', 'PasteFromWord', '-',      
扩展CKEditor按钮
最近忙于开发工作流,想起之前开发的OA ,缺少一个重要的功能:表单设计器。因为我们的OA是基于Sharepoint开发的,如果没有表单设计器,定义一个列表的界面需要开发一个feature,或则需要VS开发一个aspx页面。这事一个很麻烦的事情。所以考虑实现一个表单设计器。    于是我到网上找HTML 编辑器,找到好几个,分别有CKEditor,TinyMCE,还有一个基于JQuery的一个
重写Ckeditor的save按钮方法
直接上代码 var editor = CKEDITOR.replace('ckeditor', { height: 300 }); editor.on("instanceReady", function (evt) { editor.addCommand("save", { modes: { wysiwyg: 1, source: 1 }, exec: function (edi
CKEditor与CKFinder学习--自定义界面及按钮事件捕获
上一篇博客写了如何搭建CKEditor与CKFinder环境,并将其与SpringMVC进行整合,现在学习如何进行界面的定义,以及界面元素的操作。效果图界面操作图原始界面 调整后的界面(删除了flush,表单元素等) 该界面的皮肤是bootstrap的皮肤事件操作图获取界面上保存按钮点击事件效果用js操作ckeditor控制的textarea自定义界面ckeditor默认使用moono皮肤
CKEDITOR获得选中的带格式的文本内容
function getSelectionHtml(editor) { var sel = editor.getSelection(); var ranges = sel.getRanges(); var el = new CKEDITOR.dom.element("div"); for (var i = 0, len = ranges.length; i < le
CKEditor 自定义 ToolBar 按钮
CKEditor是个强大的编辑器,在很多项目中都是用这个编辑器让user编辑页面。因为接口十分类似Word,所以一般人都能轻易上手。只是最好还是要有Html的底子,不然有时候要排版也是会有困难。    网络上已经有不少人实做出来,只是我这人很爱自己做轮子,想说趁这个机会学起来,以后如果真的要客制化功能,也许用的到!基本的CKeditor的安装跟使用还有跟CKFinder整合我就不多说啦。直接进
JButton点击事件获取另一个JPanel中JTextField文本
题目: 编写一个计算贷款支付的计算器。这个计算器t让用户输入利率、年数和贷款总额。当点击按钮时,会显示月支付额和总支付额。界面效果如图:界面排版: gridlayout中再放一个gridlayout的JPanelJButton鼠标点击事件中需要获取JPanel中JTextField的文本用于计算,为了达到目的,定义的的JTextField需要用final修饰Java中int、double类型转换
ckeditor上传图片后取的内容存在style样式解决方案
一、项目用到了ckeditor插件,做完上传图片功能发现个问题,在将内容保存时文本img标签多了style样式属性,在PC端没有问题,但手机端显示异常,适配不了,经过多方面的研究,问题得到解决,晒出出解决办法,如下: 1、找到ckeditor插件路径下config.js文件 2、在里面加上如下配置: CKEDITOR.on('instanceReady', function (ev) {
【转载】ckeditor 中去掉\'浏览服务器\'按钮
实现方法:        由于ckeditor中的"上传图片""上传文件""上传FLASH” 三个功能中都有“浏览服务器”按钮,所以我们要修改3个JS文件,先打开ckeditor文件夹中的ckeditor\plugins\image\dialogs\image.js文件,CTRL+F,搜索"browseServer”,找到该词第一次出现的位置,在后面添加双引号内的内容",style:'displa