ckeditor绑定keyup/keydown等事件实现一些功能,比如实时保存

位置:首页>文章>详情   分类: 教程分享 > Java教程   阅读(1305)   2024-03-12 20:06:20

ckeditor绑定keyup/keydown等事件实现一些功能,比如实时保存
 

$(function(){
    //1编辑器初始化
	$('textarea#blog_content').ckeditor();//blog_content ckeditor的id
    //2.获取编辑器
	var editor = CKEDITOR.instances.blog_content;
	//3.设置值,并添加绑定事件
    editor.setData('默认值,可空',function(){
         //绑定keydown事件,既绑定键盘按下事件,其他事件见jquery的相关事件名称
		 CKEDITOR.instances.blog_content.document.on("keydown", function(event){
	     //绑定按下的建值值 为ctrl+s(处理保存的快捷键)
         if (event.data.$.keyCode == 83 && event.data.$.ctrlKey) {//注意取值的方法,和一般的event参数不一样
				 event.data.$.preventDefault();//关闭默认的弹窗
				 save(true);//处理保存业务
			 }
		 });
	});
})

注意:方法中的event和一般的event参数不一样

地址:https://www.leftso.com/article/50.html

相关阅读

ckeditor绑定keyup/keydown等事件实现一些功能,比如实时保存$(function(){//1编辑器初始化$('textarea#blog_content').ckeditor();
CKeditor 5.0 如何获取纯文本数据,ckeditor官方其实提供了获取带html脚本的内容方法,只需要配合jQuery简单就获取到了文本内容,详细操作如下
[JAVA]_图文详解CKeditor4.4.X版本添加程序代码高亮插件codesnippet,ckeditor
CKEditor4.4整合SprngMVC实现上传图片
本文主要讲解一种方式解决ckeditor编辑器上传的图片时候会添加一个默认的图片的宽高等style属性
HTML5+ajax上传图片/文件以及FormData使用简单讲解,HTML5,ajax上传文件,ajax
HTML 标签中onclick事件中的this并非当前元素。而是window。需要获取当前的元素怎么办呢?以下开始讲解。
Java编程转义HTML标签格式内容,在许多的cms模块业务的时候我们需要保存大量的HTML文档,某些情况我们也可能会进行HTML文档的转义防止一些变故。
在这个Spring5教程中,学习创建Spring 5 MVC Web应用程序,处理表单提交,集成hibernate连接到后端数据库,以及添加用于输入表单字段验证的hibernate验证器。
Spring框架5.0,spring mvc 5.0入门教程。DispatcherServlet的详细讲解配置以及spring mvc5.0的helloword程序