quill变html转化,将Quill Delta转换为HTML
这里是我是如何做到的,因为你快速乡亲。它似乎与express-sanitizer一起工作得很好。
app.js
import expressSanitizer from 'express-sanitizer'
app.use(expressSanitizer())
app.post('/route', async (req, res) => {
const title = req.body.article.title
const content = req.sanitize(req.body.article.content)
// Do stuff with content
})
新。EJS
...
...
const quill = new Quill('#editor', {
theme: 'snow'
})
const quillContents =() => {
const form = document.forms[0]
const editor = document.createElement('input')
editor.type = 'hidden'
editor.name = 'article[content]'
editor.value = document.querySelector('.ql-editor').innerHTML
form.appendChild(editor)
return form.submit()
}
我认为只有一种形式,所以我用document.forms[0],但如果你有多个或可能在将来扩展您的看法有多种形式,请查看MDN参考。
我们在这里做的是创建一个隐藏的表单输入,我们指定Quill Div的内容,然后我们将表单提交并通过函数传递给它,以完成它。
现在,测试它,在其中发布一个的帖子,您不必担心注入漏洞。
就是这样。
quill变html转化,将Quill Delta转换为HTML相关推荐
- linux 把数字变字符串,C语言中将数字转换为字符串的方法
C语言提供了几个标准库函数,可以将字符串转换为任意类型(整型.长整型.浮点型等)的数字.以下是用atoi()函数将字符串转换为整数的一个例子: # include # include void mai ...
- python 社区网络转化_python-将numpy打开网格转换为坐标
方法1使用np.meshgrid,然后堆叠- r,c = np.meshgrid(*m) out = np.column_stack((r.ravel('F'), c.ravel('F') )) 方法 ...
- 记一次解决 quill(vue-quill-editor) 编辑器中莫名多出一行“pbr/p”的过程...
问题描述: 在使用 vue-quill-editor 富文本编辑器过程中,加载已有的富文本数据到编辑器,经常会出现编辑器中莫名其妙多出一段换行内容 <p><br></p& ...
- quill光标位置插入html,quill编辑器+word文档上传,插入指定位置
官方quill没有直接给出插入html的方式 类似,下面两个方法,是quill框架提供的,但是并没有提供可以在指定光标位置插入html quill.pasteHTML:这个方法已经废弃了,但目前还是可 ...
- 现代化富文本编辑器 Quill Editor
介绍 近期在弄富文本编辑器相关的内容,其中项目中使用了 Quill Editor(后面简称 Quill).Quill 自称是一个现代化强大的富文本编辑器,它与其它富文本编辑器(例如 UEditor)不 ...
- vue 富文本 quill 编辑器,实现图片上传到服务器,以及实时字数统计
vue 富文本 quill 编辑器,实现图片上传到服务器,以及实时字数统计 写在前面 vue 富文本 quill / vue-quill-editor 如何使用 图片上传到服务器 实时字数统计 图片编 ...
- Quill 富文本编辑器二次封装
Quill 富文本编辑器二次封装 Quill 是一个很流行的富文本编辑器,github 上 star 大约 21k.但是很少项目中使用时直接使用它,都要对其进行二次封装,你作为一个页面仔是挡不住有想法 ...
- Quill富文本的使用以及自定义图片和视频处理事件
Quill富文本的使用 官网 https://quilljs.com/docs/quickstart/ 1.安装quill 使用 mpn i quill -S 2.新建myquil.vue文件, ...
- vue中使用quill富文本编辑器
因为公司的需求,对比了线在很火的几款富文本编辑器,最终选定了quill,他够轻量,拓展性也比较高,除了文档是英文的阅读不方便之外,都很适合公司项目.故整理出来,也方便以后使用. 在网上找了一个中文文档 ...
最新文章
- 一文入门 Python 数据分析库 Pandas
- 基于python的FFT演示程序
- vscode / ubuntu 下编译和调试 C/C++ 方法
- 【面试】c++单例模式
- java开发项目实例_Alibaba内部出品Java突击手册,大量开发实战项目分享
- ubuntu12.04安装搜狗输入法和配置
- ci框架中引入css,php ci框架中载入css和js文件失败的原因及解决方法
- 如何获取登录token值_Token认证,如何快速方便获取用户信息
- js php 中文乱码怎么解决_php中文乱码怎么解决
- Qfarm /load命令
- HTML - html简介和开发环境搭建
- 深入理解java:2.3.4. 并发编程concurrent包 之容器ConcurrentLinkedQueue(非阻塞的并发队列---循环CAS)...
- python 个人项目_软工个人项目WC(Python实现)
- Luogu1886 滑动窗口 /【模板】单调队列
- java 24种设计模式
- Vscode配置ftp连接远程服务器
- 2022年视频号的五大机会,教育商家该如何上车?
- 爱奇艺视频怎么下载,如何将qsv格式转为mp4格式
- vsCode无法自动换行显示
- 华为rh5885服务器oid_华为RH5885HV3服务器,故障面板指示灯介绍
热门文章
- PHP项目中,记录错误日志
- 如果编程语言是女孩子
- C#动态链接库的创建及使用
- WireShark抓DNS请求和回复数据报的分析
- Git之Stash(储藏)备份当前的工作区的内容
- C和指针之auto和内存栈和register关键字
- Android之error: ‘const struct JNINativeInterface‘ has no member named ‘callVoidMethod‘
- linux网络编程之sockaddr_in和in_addr区别
- Android之网络编程之网络通信几种方式实例分享
- android log.d 格式化,android – 在我的代码中使用Log.d()或Log.e()