mysql如何存储富⽂本编辑器_富⽂本编辑器内容存储⾄
Mysql，数据表如何设计？...
asp富文本编辑器在所有的编辑器中，⼤概最受欢迎的就是富⽂本编辑器和MarkDown编辑器了，⽆论哪⼀种编辑器，我们需要知道的是，发给后端的内容是带着html标签的，⽽我们需要把这些字符串存储到数据库中，其实原理⾮常简单，并没有多复杂，恰好⼀个新来的同事问到这个问题，就简单做⼀个Demo，便于理解，我们⾸先创建⼀张表：
CREATE TABLE `tb_title` (
`title_id` int(11) NOT NULL COMMENT '⽂章Id',
`sort_id` int(11) DEFAULT NULL COMMENT '所属栏⽬Id',
`title` varchar(200) DEFAULT NULL COMMENT '标题',
`content` longtext COMMENT ' 内容',
`create_time` date DEFAULT NULL COMMENT '创建时间',
`update_time` date DEFAULT NULL COMMENT '修改时间',
`title_status` int(11) DEFAULT NULL COMMENT '⽂章状态',
PRIMARY KEY (`title_id`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8;
PS：需要注意的是，内容⼀定选longtext类型，以免报长度不够错误。
接下来，我们模拟⼀段web端传过来的内容，打开如下链接：
点击获取编辑器内容，我们就可拿到该段字符串：
1、什么是Vue?
vue真的太好⽤了，是前后段分离必不可少的开发框架之⼀……
2、Vue能⼲什么？
模拟数据
那么，问题就来了，该同事实在不理解为什么前端读取该段内容，就能按格式显⽰，我们建⼀个简单的html，并把该段内容放在div标签中，⽤浏览器打开：
Insert title here
1、什么是Vue?
vue真的太好⽤了，是前后段分离必不可少的开发框架之⼀……
2、Vue能⼲什么？
模拟数据
双击，可以发现，正常按照格式显⽰(其实这东西并不难理解，div显⽰块，浏览器会⾃动编译html)：
在实际编程中，我们需要把html的标签特殊字符转换成普通字符，⽤的时候再转出来，主要⽤以下⼯具类：public class TestFuWenBen {undefined
public static void main(String[] args) {undefined
String html = "
1、什么是Vue?
vue真的太好⽤了，是前后段分离必不可少的开发框架之⼀……
2、Vue能⼲什么？
模拟数据
"; // 前端传过来的富⽂本内容
String temp = HtmlUtils.htmlEscapeHex(html);
String returnHtml = HtmlUtils.htmlUnescape(temp);
System.out.println("回调===\r\n" + returnHtml);
}
}

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。