CKEditor是一款实用的前端编辑器，核心是用JavaScript来编写，并且提供了丰富的插件可供使用。
1. 下载
从官网
http://ckeditor.com/download下载CKEditor3.6.3包，以及支持Java的war包：
ckeditor_3.6.3.zip
ckeditor-java-3.6.2.war
2. 解压
解压ckeditor_3.6.3.zip到项目的Web根目录下，解压ckeditor-java-3.6.2.war并覆盖Web根目录的META-INF和WEB-INF等文件夹和文件。
3. 启动工程
打开浏览器访问，查看调用CKEditor的几种方式:
a. 替换存在的textarea标签：
replace的值要和textarea的id或name相同
basePath后面要以/结尾：
basePath有两种寻址方式：
相对url路径，如: basePath="../../ckeditor/"
web根目录路径，如果ckeditor放在根目录下，则basePath="${pageContext.servletContext.contextPath}/ckeditor/"
<%@ taglib prefix="ckeditor" uri="http://ckeditor.com" %>
<html>
<head>
<link rel="stylesheet" type="text/css" href="ckeditor/_samples/sample.css" />
</head>
<body>
<form action="assets/sample_posteddata.jsp" method="post">
<label for="editor1">Editor1</label>
<textarea id="editor1" rows="10" cols="80"></textarea>
</form>
<ckeditor:replace replace="editor1" basePath="ckeditor/" />
</body>
</html>
b. 替换所有存在的textarea标签：
和a类似，不同的是标签。
...
<ckeditor:replaceAll basePath="ckeditor/" />
...
c. 用Java代码生成：
editor属性的值不能和页面中其它的id相同
...
<%@ page import="java.util.Map" import="java.util.HashMap" %>
<%@ page import="com.ckeditor.CKEditorConfig" %>
...
<label for="editor1">Editor1</label>
<%
String value = "My first [b]CKEditor[/b] Java tag";
Map<String, String> attr = new HashMap<String, String>();
attr.put("rows", "8");
attr.put("cols", "50");
CKEditorConfig settings = new CKEditorConfig();
settings.addConfigValue("Width", "500");
settings.addConfigValue("Toolbar", "Default");
%>
<ckeditor:editor editor="editor1" basePath="ckeditor/"
config="<%=settings %>" textareaAttributes="<%=attr %>"
value="<%=value %>" />
...
分享到：
相关推荐
1. 附件中有Tabs.upload组件，需要安装（免费的） 2. index页面和Ckeditor要放在一个文件件目录下（建议放在头目录） 3. 跟CKeditor同等目录下创建文件夹upload/photo（记得给用户文件夹修改权限） 4. 上传代码在...
1.安装django-ckeditor pip install django-ckeditor 如果需要上传图片或者文件，还需要安装pillow pip install pillow 2.配置模型字段 如果编辑器需要上传图片或者文件，需要引入RichTextUploadingField，否则只...
插件安装完成后应在网页状态档位置显示“监控台：欢迎使用“本地图片自动上传插件”。 --------------------------------------------------- 本插件支持所有动态网站技术，DEMO所用技术为jsp，服务器端接受上传...
CKEditor插件什么是... 您的文本区域的名称必须在此代码中的/ ckeditor / plugins / pluginName / plugin.js中CKEDITOR.instances.editor1.insertElement（element）; 其中editor1是您的html中文本区域的名称！...
CKEDITOR.editorConfig = function( config ) { // Define changes to default configuration here. For example: // config.language = 'fr'; // config.uiColor = '#AADC6E'; config.extraPlugins = 'code'; }...
1. 下载安装 CKEditor: 2. 下载安装 CKFinder: 3. 在网页中使用 CKEditor 和 CKFinder: 4. 配置CKFinder进行上传图片，Flash等。 5．Ckfinder实现普通文件上传 ckfinder中实现文件上传后按当前时间改名 ...
1.安装第三方模块包 pip install django-ckeditor 2.添加应用 INSTALLED_APPS = [ ... 'ckeditor', # 富文本编辑器 'ckeditor_uploader', # 富文本编辑器上传图片模块 ... ] 3. 添加CKEditor设置 # 富文本...
<script type="text/javascript">CKEDITOR.replace('TextBox1') 四.ckeditor配置(config.js配置文件) 详细api参数见:http://docs.cksource.com/ckeditor_api/,我的默认配置 CKEDITOR.editorConfig = function...
JSP网页编辑器CKEditor含图片上传功能，本编辑器中含有一个本地图片自动上传插件，插件使用JAVA技术开发，需要配合JavaScript使用，可以将网页中含有的本地图片（src为'file:///'）自动上传到服务器并修改img标签的...
使用仪表板直观地配置CKEditor，N1ED和其他附件 易于集成： 引导编辑器 文件管理器 图片编辑器 仪表板中启用的其他生态系统插件 移动模拟功能，可让您以不同的显示分辨率预览内容 集成了强大的窗口小部件编辑系统的...
1) 从CKEditor 网站：http://ckeditor.com/download下载最新版本的CKEditor 。 2) 将下载的文档解压到你的website根目录下的ckeditor 目录中。你可以将文档放在你的website的任意路径中。ckeditor 目录是...
插件安装完成后应在网页状态档位置显示“监控台：欢迎使用“本地图片自动上传插件”。 --------------------------------------------------- 本插件支持所有动态网站技术，DEMO所用技术为jsp，服务器端接受上传...
Thumbnails.Add "enabled", true '不使用缩略图功能（要系统安装AspJpet 或 ASPImage 2 或 ASPThumb才可使用） 3.因为安全原因，文件不可浏览. 请联系系统管理员并检查CKFinder配置文件. config.asp 中 ...
:open_book: 请参阅中的指南以了解更多信息： 使用create-react-app@1 贡献克隆此存储库后，安装必要的依赖项： npm install 您也可以使用Yarn 。 执行测试在开始执行测试之前，您需要构建软件包。 您可以使用npm ...
要加载插件，请配置ckeditor（例如，编辑文件ckeditor.js ），如下所示：导入插件import CustomElementPlugin from 'ckeditor5-custom-element/src/customelement';导入工具栏图标（可选） import Icon1 from 'path...
前言 django是一个容易快速上手的web框架，用它来创建内容驱动型的网站（比如独立博客）十分方便。...1、安装 pip install django-ckeditor 2、将‘ckeditor’settings.py中的INSTALLED_APPS 3、由于djang-ck
CKEDITOR.config.extraPlugins: 'tags' CKEDITOR.config.tags: { 'label': 'Tags', 'items': [] } 项目具有以下格式 [ ["Item 1", "Value 1"], ["Item 2", "Value 2"], ] 部署方式 通过travis CI处理构建/部署。...
jQuery 1.x或更高版本才能运行 。浏览器支持可访问性检查具有，但以下情况除外： 不支持Internet Explorer 8。 不支持Internet Explorer 9 Quirks模式。安装发行版本有关发行版本的更多信息，请参见文件。开发版本...
资源分类：Python库 所属语言：Python 资源全名：leonardo-ckeditor-1.0.0b1.tar.gz 资源来源：官方 安装方法：https://lanzao.blog.csdn.net/article/details/101784059
(同时程序保留CKeditor接口). 4.信息发布系统开启立即上传模式(默认为附件和图片,为了安全不开启视频、flv和其他文件上传). 5.程序会自动根据编辑器提交的HTML内容和数据库中上传内容进行比较，自动删除所有没有...