CKEditor4.x && JSP
官网下载CKEditor,可选Basic, Standard, Full
解压放置其WebRoot下
JSP中引入以下文件:<script type="text/javascript" src="ckeditor/ckeditor.js"></script>
<script type="text/javascript" src="ckeditor/config.js"></script>
有以下几种方法可实现CKEditor
一:通过设置class样式
<textarea class="ckeditor" name="editor1"></textarea>
二:使用JS代码$(document).ready(function(){
CKEDITOR.replace('entity_content'); //entity_content为textarea元素ID
});
三:使用jquery
使用jquery之前一定要先引入jquery文件,另外还要引入ckeditor/adapters下的一个jquery.js
(两者不一样,务必要引入)
$(document).ready(function(){
$('textarea#editor1').ckeditor();
});
另外配置config.js以满足自己的项目需求。CKEDITOR.editorConfig = function( config ) {
// Define changes to default configuration here.
// For the complete reference:
// http://docs.ckeditor.com/#!/api/CKEDITOR.config
// The toolbar groups arrangement, optimized for a single toolbar row.
config.toolbarGroups = [
{ name: 'document', groups: [ 'mode', 'document', 'doctools' ] },
{ name: 'clipboard', groups: [ 'clipboard', 'undo' ] },
{ name: 'editing', groups: [ 'find', 'selection', 'spellchecker' ] },
{ name: 'forms' },
{ name: 'basicstyles', groups: [ 'basicstyles', 'cleanup' ] },
{ name: 'paragraph', groups: [ 'list', 'indent', 'blocks', 'align', 'bidi' ] },
{ name: 'links' },
{ name: 'insert' },
{ name: 'styles' },
{ name: 'colors' },
{ name: 'tools' },
{ name: 'others' },
{ name: 'about' }
];
// The default plugins included in the basic setup define some buttons that
// we don't want too have in a basic editor. We remove them here.
config.removeButtons = 'Cut,Copy,Paste,Undo,Redo,Anchor,Underline,Strike,Subscript,Superscript';
// Let's have it basic on dialogs as well.
config.removeDialogTabs = 'link:advanced';
};
根据需要 具体配置查阅其他资料PS:需要注意的是路径问题,在引入js的时候 如果ckeditor放在了WebRoot根目录下。
src应该是src="ckeditor/ckeditor.js" ,不能为src="/ckeditor/ckeditor.js"
分享到:
相关推荐
ckeditor_4.x 基于4.x版的自定义按钮控件 可自定义图片按钮、文本按钮 - 详细配置
此文件是CKEditor3.x在的配置使用,主要是正对JAVA项目的 CKEditor本身不支持图片上传功能,此文档将描述如何配置和使用图片上传 其中图片上传支持FTP服务器功能,和压缩指定大小的功能。
NULL 博文链接:https://zhangyinhu8680.iteye.com/blog/2111496
在网上找了半天,看见两偏整合教程不错,把两偏整理成一偏供参考。 别人一个文档就要10分才能下,本人分不多了,扣大家5分来赚取回来。...Ckeditor3.X与ckfinder2.X整合forJAVA (支持文件上传,解决中文乱码)
ckeditor3.x 支持自定义上传,媒体预览 ,采用flvplayer、jwplayer方式,自己刚刚实现成功,后台代码自己补全,我的是java代码就不提供了
CKEditor是一个专门使用在网页上属于开放源代码的所见即所得文字编辑器。它志于轻量化,不需要太复杂的安装步骤即可使用。它可和PHP、JavaScript、ASP、ASP.NET、ColdFusion、Java、以及ABAP等不同的编程语言相结合...
编辑能力极强,基本和word差不多了。看起来界面极其优秀的一款。 有简洁大方的UI界面,轻量级。官网上有文档可学习使用。
特征CKEditor版本4.x( ) Rails 5.x,4.2.x集成文件浏览器HTML5文件上传器用于formtastic和simple_form表单生成器的钩子与授权框架和集成安装对于基本用法,只需包含ckeditor gem: gem 'ckeditor'或者,如果您想...
ckeditor-4.1.2.jar ckeditor-4.1.2.jar ckeditor-4.1.2.jar ckeditor-4.1.2.jar ckeditor-4.1.2.jar ckeditor-4.1.2.jar ckeditor-4.1.2.jar
用于最新CKEditor4.0的行距插件,不能用于CKEditor3.X.X及以前版本
CKEditor 2.6 整合资源,包含所有源文件。
早在 2009 年 9 月, 将 FCK 2 拼写页面功能移植为 CKEditor 3.x 的插件。不幸的是,该版本不适用于 CKEditor 4。 我已经修改了 ckeditor3 版本并对其进行了调整,以便它可以与 CKEditor 4 一起使用。我已经合并了...
本插件源码来自互联网,由于源代码基于ckeditor3.6.61,故对源码进行过简单修改,以求适应ckeditor4.4.7
百度释义: ...它可和PHP、JavaScript、ASP、ASP.NET、ColdFusion、Java、以及ABAP等不同的编程语言相结合。 “FCKeditor”名称中的“FCK” 是这个编辑器的作者的名字Frederico Caldeira Knabben的缩写。
ckeditor3.6.6.1+ckfinder2.0.1(php破解) 完美整合,可直接使用,内附说明,完美的编辑器,堪比word
已经改的很完整的CKeditor编辑器,上传文件会传到CDfinder/userFiels下...直接调用ckeditor下Bin目录下的CKEditor.NET.dllt和CKFinder.dll,就可以了。里在有两个文件夹都要放在你的站点根目录下。然配置Web.config文件。
ckeditor4添加上传视频插件 后端java配置看下面的链接 https://blog.csdn.net/sxz13145/article/details/124410416
ckeditor.js解決传路径的问题