富文本编辑器生成的HTML标签，进行转义，然后写入数据库，防止脚本注入：

function htmlEncode(value){

return $('

}

从数据库拿出的转义后的HTML标签内容，先得去除转义，然后再去除HTML标签，是生成缩略文字。

/*移除HTML标签代码*/

function removeHTMLTag(str) {

str = str.replace(/]*>/g,''); //去除HTML tag

str = str.replace(/[ | ]*\n/g,'\n'); //去除行尾空白

//str = str.replace(/\n[\s| | ]*\r/g,'\n'); //去除多余空行

str=str.replace(/ /ig,'');//去掉

return str;

}

//转意符换成普通字符

function escape2Html(str) {

var arrEntities={'lt':'','nbsp':' ','amp':'&','quot':'"'};

return str.replace(/&(lt|gt|nbsp|amp|quot);/ig,function(all,t){return arrEntities[t];});

}

如果是文章详情页的话，直接去除转义就可以显示在页面了：

//转意符换成普通字符

function escape2Html(str) {

var arrEntities={'lt':'','nbsp':' ','amp':'&','quot':'"'};

return str.replace(/&(lt|gt|nbsp|amp|quot);/ig,function(all,t){return arrEntities[t];});

}

draft.js开发富文本编辑器

写在前头的话 在react中去寻找一个好用的富文本编辑器网上很少有推荐的,搜到的也只有一些个人不成熟的作品,慢慢发现网上比较推荐的一个东东叫做draft.js. 这个东西在网上可以找到的教程也是手指头 ...

bbs项目引入富文本编辑器和处理xss攻击和文章预览

一.富文本编辑上传文章和图片 富文本编辑器我们使用kindeditor,我们首先去官网下载,然后解压,放到我们的static的目录中 然后我们在html中这样使用富文本编辑器 ..

本人亲测-百度富文本编辑器(无bug版本)

再此我想说明一点,好多教程都是转载别人的,而且也不注明从哪里转载的.每次搜点资料的时候总是跟网上刷小视频的感觉一样.有些人就直接把别人的东西粘贴过来了,一点改动都没有. 废话不多说,直接上教程. (百 ...

富文本编辑器kindeditor的使用

第一步:导入前端js文件

随机推荐

安卓手持智能POS端上能扫描开单的软件-店面销售开单系统

安卓移动POS终端上能扫描开单的软件: 一.登录验证,以业务员.密码登录: 二.订单列表,显示相关信息,包括日期.单据号.客户名.金额.单据状态.有新增订单及按特定条件查询订单的功能(日期.客户等). ...

redhat 下 rpm 指令

1.如何安装rpm软件包rmp软件包的安装可以使用程序rpm来完成.执行下面的命令 rpm -i your-package.rpm 其中your-package.rpm是你要安装的rpm包的文件名,一 ...

Java集合中Map接口的使用方法

Map接口 Map提供了一种映射关系,其中的元素是以键值对(key-value)的形式存储的,能够实现根据key快速查找value: Map中的键值对以Entry类型的对象实例形式存在: 建(key值 ...

小白学Linux(五)--VI/VIM编辑器

我们操作文件,终究离不开编辑文件,对文件内容的编辑,Linux系统下,我们通常使用VI/VIM来编辑文件.VI是每个Linux都会自带的文本编辑器,VIM是VI的增强版,可能有些发行版本没有自带,可以 ...

Swap Nodes & Reverse Nodes in k-Group

Swap Nodes | Given a linked list, swap every two adjacent nodes and return its head. Example Given 1 ...

mysql使用笔记(三)

一.数值类型 1. 数值类型     标准sql中包含数据类型 INTEGER, SMALLINT, DECIMAL, NUMERIC,以及FLOAT, REAL, DOUBLE.mysql在此基础上 ...

DTCMS使用ajax局部刷新

动力启航的DTCMS代码遇到的问题: 前台post请求: $.ajax({ type: "POST", url: sendUrl, dataType: "json&quo ...

rc522 ，pn544区别

请问 我们之前用的刷卡的  是用 rc522  ,,pn544和这个有什么区别? xqhrs232 (10:14:27): 支持的协议更多点吧! 春tian在哪里 (10:14:38): 比如? xq ...

grpc的服务注册与发现及负载

参考文章: (1)https://segmentfault.com/a/1190000008672912 (2)https://grpc.io/docs/ (3)https://github.com/ ...

坚定关于考研或者工作的决定：work

转眼之间,我已经夸过了大二结束的节点,已经是一个准大三了: 在这个岔路口,首要的选择就是考研和工作的选择:我也有过犹豫要不要考研,最终还是放弃了考研的想法,从考研的利弊两个方面来谈:        首 ...