终于有时间静下来总结一下最近的工作。

第一个就是html编辑器:

首先是编辑器的选择,之前用的是ewebeditor,功能很强大,出于粘贴word内容得安装插件的原因,暂时放弃。

ewebeditor的配置也很方便,代码如下:

<input name="form.summary" type="hidden" id="summary" value="<c:out value='${form.summary}'/>" />
<%--<iframe id="eWebEditor" src="editor/standard/ewebeditor.htm?id=content&style=coolblue" frameborder="0" scrolling="No" width="90%" height="500"></iframe>--%>
<IFRAME ID="eWebEditor1" SRC="editor/ewebeditor/ewebeditor.htm?id=summary&style=standard650" FRAMEBORDER="0" SCROLLING="no" WIDTH="99%" HEIGHT="500"></IFRAME></td>

默认选择office2003皮肤,因此改默认字体大小可以修改相应的皮肤。

之后选择了kindeditor,功能也足够用。配置如下:

引入包:

<script type="text/javascript" charset="utf-8" src="${ctxPath }/admin/kindeditor/kindeditor.js"></script>
<script type="text/javascript" charset="utf-8" src="${ctxPath }/admin/kindeditor/lang/zh_CN.js"></script>
<script type="text/javascript" charset="utf-8" src="${ctxPath }/admin/kindeditor/plugins/code/prettify.js"></script>

<textarea  name="form.summary"  id="summary"  cols="100" rows="15" style="width:700px;height:350px;"></textarea>

js:

var editor;

KindEditor.options.cssData = 'body { font-size: 14px }';
KindEditor.ready(function(K) {
editor = K.create('#summary', {
cssPath : '${ctxPath}/ydhlw/admin/kindeditor/plugins/code/prettify.css',
uploadJson : '${ctxPath}/admin/kindeditor/jsp/upload_json.jsp',
fileManagerJson : '${ctxPath}/admin/kindeditor/jsp/file_manager_json.jsp',
allowFileManager : true,
//afterCreate : function() {
// var self = this;
// self.sync();
//}
});
prettyPrint();
});

save之前需要将数据同步到textarea里:editor.sync();

之后遇到了这样一个问题:

文本存到数据库,我在后台要取出展现到html编辑器当中,因此考虑到将文本的/n都换成<br />。

问题来了,我编辑文本保存,存到数据库之后,再取出,那么文本的/n又转换成了<br />,这样br的数量就成了原来的两倍。

采用的较简单的解决方式:用一个字段来保存内容值的状态,是第一次取出还是已编辑,如果是已编辑就不在转换/n。

最新文章

  1. 微信应用号(小程序)开发IDE配置(第一篇)
  2. Xdebug文档(二)变量显示特性
  3. MySQL数据库的优化(下)MySQL数据库的高可用架构方案
  4. Android开发工具之Dash
  5. Arch Linux 安装记录
  6. TETRIS 项目开发笔记
  7. etrace 跟踪程序函数动态执行流程
  8. 如何在局域网安装Redmine(转贴)
  9. 解决Keras在IDE集成环境中找不到nvcc
  10. centos7 ssh免密码登录
  11. 第四章 go语言 数组、切片和映射
  12. redis对sorted_set进行的相关操作
  13. Python小爬虫——抓取豆瓣电影Top250数据
  14. HDU ACM 1869 六度分离(Floyd)
  15. L1-048. 矩阵A乘以B
  16. python自动化之读写
  17. 在开发中写一些tool来提升自己的效率
  18. DNS rebinging攻击方式
  19. java代码异常普通的====
  20. MySQL---SQL记录

热门文章

  1. sublime 3 安装go环境
  2. DataSet客户端分页实现
  3. Linux压缩与解压常用命令
  4. 【oracle】oracle学习笔记2--scoot账户的激活与解锁
  5. 7 -- Spring的基本用法 -- 6...
  6. spring 声明式事务管理
  7. 不在折腾---hive-0.13.1-bin
  8. Unity中Time.deltaTime的含义及其应用
  9. 游戏外挂四之利用CE和OD查找被选中怪物和怪物列表
  10. Oracle 数据库简单操作