CKEditor Minor Example

CKEditor 是一个很好用的浏览器 RTE(Rich Text Editor)。官方文档

但是在以往的版本中研究如何使用 jQuery 调用它比较费劲,以前用完之后有没有作好记录,这次又不会了,因此还是做一下笔记。不过貌似现在官方文档也优化了许多,相当平易近人了。在这里仅仅记录一下最小的安装方式:

现在的版本已经是 4.3.4,更新还是很活跃的。

1. 去官网下载一个 standard 版本

下载之后解压将整个 ckeditor 放到网站的静态文件目录中(好大)

2. 最简单的调用方法(无 jQuery 支持)

先引入 ckeditor.js 文件

调用 js 脚本:

CKEDITOR.replace('id-of-textarea-tag', { height: 350, language: 'zh-cn' });

3. 使用 jQuery

在 CKEditor 里面 jQuery 不是默认启用的,它是一个 adapter,官方文档在这里:http://docs.ckeditor.com/#!/guide/dev_jquery

简单的说,要先引入一个 adapters/jquery.js

然后通过这样直接调用 jquery 方法来初始化一个 editor 和获取内容:

// 初始化 $('textarea').ckeditor({ uiColor: '#9AB8F3' });

// 获取值 $('textarea#txt_id').val()


【转载请附】愿以此功德,回向 >>

原文链接:https://www.huangwenchao.com.cn/2014/04/ckeditor-mior.html【CKEditor Minor Example】

发表评论

电子邮件地址不会被公开。 必填项已用*标注