项目常用工具类整理（二）--ckeditor的引用

2019独角兽企业重金招聘Python工程师标准>>>

一，首先你需要引入CKeditor包，附上下载地址http://ckeditor.com/download，将该压缩文件解压到你的webapp文件下就可以了。

二，在你的jsp页面中引用，同时对你的ckeditor进行配置工具。

<head>
<title>****</title>
<%@ include file="../common/common.jsp"%>
<script src="<%=basePath %>ckeditor/ckeditor.js"></script>
<script type="text/javascript">
/* CK Editer */
CKEDITOR.editorConfig = function( config ) {config.toolbar =[ { name: 'document', items: ['Source', '-', 'Preview'] },{ name: 'insert', items: ['Image', 'Flash', 'Table', 'HorizontalRule', 'SpecialChar', 'PageBreak',] },{ name: 'clipboard', items: ['Cut', 'Copy', 'Paste', 'PasteText', 'PasteFromWord', '-', 'Undo', 'Redo'] },{ name: 'styles', items: ['Styles', 'Format', 'Font', 'FontSize'] },{ name: 'links', items: ['Link', 'Unlink', 'Anchor'] },{ name: 'colors', items: ['TextColor', 'BGColor'] },"/",{ name: 'basicstyles', items: ['Bold', 'Italic', 'Underline', 'Strike', 'Subscript', 'Superscript', '-', 'RemoveFormat'] },{ name: 'paragraph', items: ['NumberedList', 'BulletedList', '-', 'Outdent', 'Indent', '-', 'Blockquote', 'CreateDiv', '-', 'JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock', '-', 'BidiLtr', 'BidiRtl'] }];config.filebrowserImageUploadUrl = '../upload/CKImgUpload';
};
</script>
</head>

三，作为jsp的数据展现，体现一个循环的展示

<c:forEach items="${List }" var="cker" varStatus="i"><div id="ckEditers" title="${cker.name}" style="margin-bottom:30px; width: 98%;" ><textarea class="ckeditor onload" id="content_${cker.id}" name="content_${cker.id}">${cker.content}</textarea>              </div>
</c:forEach>

四，作为jsp的数据录入

<form id="ff" method="post"><table cellpadding="5">             <tr><td valign="top" align="right">内容:</td><td><textarea class="ckeditor" name="content"></textarea></td></tr></table>
</form

转载于:https://my.oschina.net/ytliyang/blog/675122

项目常用工具类整理（二）--ckeditor的引用相关推荐

项目常用工具类整理（五）--jar包整理
2019独角兽企业重金招聘Python工程师标准>>> SSH框架: Struts1.2.9+Spring2.5+Hibernate3.2 说明:commons的几个包算是公用Jar ...
项目常用工具类整理（一）--时间工具类DateUtil.java
2019独角兽企业重金招聘Python工程师标准>>> import java.text.DateFormat; import java.text.ParseException; i ...
javascript常用工具类整理（copy)
JavaScript常用工具类类型日期数组字符串数字网络请求节点存储其他 1.类型 isString (o) { //是否字符串return Object.prototype.toS ...
Java 常用工具类整理
目录第一部分:常用的16个工具类第二部分:java开发常用工具类(正则校验) 第一部分:常用的16个工具类一.org.apache.commons.io.IOUtils 1.closeQuiet ...
二、java项目常用工具类之beancopy，bean和map转换工具类
项目环境: jdk1.8+spring4.3.12 一.问题描述及试用场景: 在项目规范中,要求类名以DO为尾的类作为数据库层实体bean,类名以MO为尾的类作为系统传输层实体bean,类名以VO为尾 ...
一、java项目常用工具类之加密工具类
项目环境: jdk1.8+spring4.3.12 一.问题描述及试用场景: 在项目规范中,有时需要对一些数据进行加密解密,常见的就是前后端加密参数在网络上传输.一方面,数据在网络上是以加密的方式传输 ...
java常用工具类_java(二)：工作中常用到的工具类
工作中大家要用到很多工具类,第三方的jar中有很多现成的工具类符合自己的项目需要,这个时候就不需要去重复造轮子了,从而节省了很多时间,大家可以利用这些时间去做其它重要的事情,如果没有符合自己的工具类, ...
JavaScript常用工具类整理（总结版）
导读:在前端开发过程中需要对常用的功能模块进行封装,常用的方法多次调用需要整合,保证组件的复用性与程序的可维护性,这里总结一下,便于后续的使用! 目录 1.全局声明工具类 2.定时器 3.判断变量是否 ...
常用工具类 (三) : Hutool 常用工具类整理 (全)
文章目录官方文档一.基础工具类 StrUtil / StringUtils 字符串工具类 DateUtil 日期工具类 NumberUtil 数字工具类 BeanUtil JavaBean工具类 ...

项目常用工具类整理（二）--ckeditor的引用

项目常用工具类整理（二）--ckeditor的引用相关推荐

最新文章

热门文章