时间：2021-07-01 10:21:17 帮助过：4人阅读
一、效果展示
首先，我们先来看看效果如何：
富文本中有一张图片，还有一个数字列表
我们可以看到编辑后的数据保存成功，以及保存后对应的展示。
二、富文本
度娘对于富文本的解释如下：
富文本格式（Rich Text Format, 一般简称为RTF）是由微软公司开发的跨平台文档格式。大多数的文字处理软件都能读取和保存RTF文档。RTF是Rich TextFormat的缩写，意即多文本格式。这是一种类似DOC格式（Word文档）的文件，有很好的兼容性，使用Windows“附件”中的“写字板”就能打开并进行编辑。RTF是一种非常流行的文件结构，很多文字编辑器都支持它。一般的格式设置，比如字体和段落设置，页面设置等等信息都可以存在RTF格式中，它能在一定程度上实现word与wps文件之间的互访。
如果说富文本不包含图片，我们可以使用普通的html转码方法，见标题四；如果富文本包含图片，普通的html转码已经满足不了我们了，就需要用到jquery.base64.js，见标题三。
那么同时，我们看一看mysql字段的定义：
`description` longtext NOT NULL COMMENT '项目详细描述',
字段类型为longtext（LongText 最大长度4294967295个字元 (2^32-1)，虽然我也不知道到底有多大）。
三、jquery.base64
①、引入jquery.base64.js
③、富文本数据展示
$('#editor').html($.base64.atob(description, true));
通过base64对数据库中保存的html代码进行解码。
④、wysiwyg组件
关于wysiwyg组件封装代码，我已上传到CSDN的代码库，可详细参照。
四、普通html转码做法
一般情况下，使用上面两个方法对html数据进行编码和解码，但是对于图片的保存却无能为力。
以上就是本文的全部内容，希望对大家了解富文本组件wysiwyg有所帮助。