博客
关于我
富文本编辑器内容存储至Mysql
阅读量:483 次
发布时间:2019-03-06

本文共 1624 字,大约阅读时间需要 5 分钟。

在所有的编辑器中,大概最受欢迎的就是富文本编辑器和Markdown编辑器了。无论是富文本编辑器还是Markdown编辑器,我们在前后端分离的项目中都会用到。需要注意的是,发给后端的内容通常是带着HTML标签的字符串。为了便于理解,我们首先创建一张表来存储文章信息。

以下是数据库表的创建语句:

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;

需要注意的是,内容一定选择 longtext 类型,以免报长度不够错误。

接下来,我们模拟一段富文本编辑器传过来的内容。点击查看冲击示例:

Insert title here

1、什么是Vue?

vue真的太好用了,是前后段分离必不可少的开发框架之一……

2、Vue能干什么?

模拟数据

双击查看结果,我们可以看到浏览器自动编译HTML的结果。正常按照样式显示即可。

在实际编程中,我们需要把HTML的标签特殊字符转换成普通字符,用于存储。我们不使用过滤工具或框架,而是使用工具类进行转义和反转义。

以下是转义和反转义的示例代码:

import org.jsoup.Jsoup;import org.jsoup.safety.Cleaner;import org.jsoup.safety.Whitelist;public class TestFuWenBen {    public static void main(String[] args) {        String html = "

1、...

...

2、...

模拟数据

"; // 转义HTML字符 String temp = Jsoup.clean(html, new Whitelist()); System.out.println("存数据库: \n" + temp); // 反转义html String returnHtml = Jsoup.fromHtml(temp).html(); System.out.println("回调=== \n" + returnHtml); }}

这种方法能确保我们的数据在存储和显示时安全可靠。同时,我们对开发环境的安全性也进行了优化,防止SQL注入攻击。

在实际应用中,确保使用安全的ORM框架或手动处理,以防止潜在的SQL注入问题。同时,选择适当的转义方法和工具,确保数据的可靠性和完整性。

总结工整,创建数据库表来存储文章信息是后端处理富文本内容的基础步骤。通过合理转义和反转义确保数据在存储和显示时的安全性和格式完整性,这有助于前后端的高效协作。

转载地址:http://phxdz.baihongyu.com/

你可能感兴趣的文章
Mysql8.0的特性
查看>>
MySQL8修改密码报错ERROR 1819 (HY000): Your password does not satisfy the current policy requirements
查看>>
MySQL8修改密码的方法
查看>>
Mysql8在Centos上安装后忘记root密码如何重新设置
查看>>
Mysql8在Windows上离线安装时忘记root密码
查看>>
MySQL8找不到my.ini配置文件以及报sql_mode=only_full_group_by解决方案
查看>>
mysql8的安装与卸载
查看>>
MySQL8,体验不一样的安装方式!
查看>>
MySQL: Host '127.0.0.1' is not allowed to connect to this MySQL server
查看>>
Mysql: 对换(替换)两条记录的同一个字段值
查看>>
mysql:Can‘t connect to local MySQL server through socket ‘/var/run/mysqld/mysqld.sock‘解决方法
查看>>
MYSQL:基础——3N范式的表结构设计
查看>>
MYSQL:基础——触发器
查看>>
Mysql:连接报错“closing inbound before receiving peer‘s close_notify”
查看>>
mysqlbinlog报错unknown variable ‘default-character-set=utf8mb4‘
查看>>
mysqldump 参数--lock-tables浅析
查看>>
mysqldump 导出中文乱码
查看>>
mysqldump 导出数据库中每张表的前n条
查看>>
mysqldump: Got error: 1044: Access denied for user ‘xx’@’xx’ to database ‘xx’ when using LOCK TABLES
查看>>
Mysqldump参数大全(参数来源于mysql5.5.19源码)
查看>>