富文本数据保存

原文：https://blog.csdn.net/qing_gee/article/details/49331543

一、效果展示
首先，我们先来看看效果如何： 

如果说富文本不包含图片，我们可以使用普通的html转码方法，见标题四；如果富文本包含图片，普通的html转码已经满足不了我们了，就需要用到jquery.base64.js，见标题三。

那么同时，我们看一看mysql字段的定义：

`description` longtext NOT NULL COMMENT ‘项目详细描述’,

字段类型为longtext（LongText 最大长度4294967295个字元 (2^32-1)，虽然我也不知道到底有多大）。

三、jquery.base64
①、引入jquery.base64.js

<script type=”text/javascript” src=”${ctx}/components/jquery/jquery.base64.js”></script>

同时设置utf-8编码，确保中文不乱码.

$.base64.utf8encode = true;

②、富文本表单提交

var editor = “<input type=’hidden’ name='” + $this.attr(“name”) + “‘ value='”
                        + $.base64.btoa($this.html()) + “‘ />”;

关键代码：将富文本对象的html值转换为base64，然后封装到表单form中。 
详细见如下（一整个form提交的表单封装，参照与dwz框架）：

③、富文本数据展示

$(‘#editor’).html($.base64.atob(description, true));

通过base64对数据库中保存的html代码进行解码。

④、wysiwyg组件
关于wysiwyg组件封装代码，我已上传到CSDN的代码库，可详细参照。

四、普通html转码做法