这里是我是如何做到的,因为你快速乡亲。它似乎与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相关推荐

  1. linux 把数字变字符串,C语言中将数字转换为字符串的方法

    C语言提供了几个标准库函数,可以将字符串转换为任意类型(整型.长整型.浮点型等)的数字.以下是用atoi()函数将字符串转换为整数的一个例子: # include # include void mai ...

  2. python 社区网络转化_python-将numpy打开网格转换为坐标

    方法1使用np.meshgrid,然后堆叠- r,c = np.meshgrid(*m) out = np.column_stack((r.ravel('F'), c.ravel('F') )) 方法 ...

  3. 记一次解决 quill(vue-quill-editor) 编辑器中莫名多出一行“pbr/p”的过程...

    问题描述: 在使用 vue-quill-editor 富文本编辑器过程中,加载已有的富文本数据到编辑器,经常会出现编辑器中莫名其妙多出一段换行内容 <p><br></p& ...

  4. quill光标位置插入html,quill编辑器+word文档上传,插入指定位置

    官方quill没有直接给出插入html的方式 类似,下面两个方法,是quill框架提供的,但是并没有提供可以在指定光标位置插入html quill.pasteHTML:这个方法已经废弃了,但目前还是可 ...

  5. 现代化富文本编辑器 Quill Editor

    介绍 近期在弄富文本编辑器相关的内容,其中项目中使用了 Quill Editor(后面简称 Quill).Quill 自称是一个现代化强大的富文本编辑器,它与其它富文本编辑器(例如 UEditor)不 ...

  6. vue 富文本 quill 编辑器,实现图片上传到服务器,以及实时字数统计

    vue 富文本 quill 编辑器,实现图片上传到服务器,以及实时字数统计 写在前面 vue 富文本 quill / vue-quill-editor 如何使用 图片上传到服务器 实时字数统计 图片编 ...

  7. Quill 富文本编辑器二次封装

    Quill 富文本编辑器二次封装 Quill 是一个很流行的富文本编辑器,github 上 star 大约 21k.但是很少项目中使用时直接使用它,都要对其进行二次封装,你作为一个页面仔是挡不住有想法 ...

  8. Quill富文本的使用以及自定义图片和视频处理事件

    Quill富文本的使用   官网 https://quilljs.com/docs/quickstart/ 1.安装quill 使用  mpn i quill -S 2.新建myquil.vue文件, ...

  9. vue中使用quill富文本编辑器

    因为公司的需求,对比了线在很火的几款富文本编辑器,最终选定了quill,他够轻量,拓展性也比较高,除了文档是英文的阅读不方便之外,都很适合公司项目.故整理出来,也方便以后使用. 在网上找了一个中文文档 ...

最新文章

  1. 一文入门 Python 数据分析库 Pandas
  2. 基于python的FFT演示程序
  3. vscode / ubuntu 下编译和调试 C/C++ 方法
  4. 【面试】c++单例模式
  5. java开发项目实例_Alibaba内部出品Java突击手册,大量开发实战项目分享
  6. ubuntu12.04安装搜狗输入法和配置
  7. ci框架中引入css,php ci框架中载入css和js文件失败的原因及解决方法
  8. 如何获取登录token值_Token认证,如何快速方便获取用户信息
  9. js php 中文乱码怎么解决_php中文乱码怎么解决
  10. Qfarm /load命令
  11. HTML - html简介和开发环境搭建
  12. 深入理解java:2.3.4. 并发编程concurrent包 之容器ConcurrentLinkedQueue(非阻塞的并发队列---循环CAS)...
  13. python 个人项目_软工个人项目WC(Python实现)
  14. Luogu1886 滑动窗口 /【模板】单调队列
  15. java 24种设计模式
  16. Vscode配置ftp连接远程服务器
  17. 2022年视频号的五大机会,教育商家该如何上车?
  18. 爱奇艺视频怎么下载,如何将qsv格式转为mp4格式
  19. vsCode无法自动换行显示
  20. 华为rh5885服务器oid_华为RH5885HV3服务器,故障面板指示灯介绍

热门文章

  1. PHP项目中,记录错误日志
  2. 如果编程语言是女孩子
  3. C#动态链接库的创建及使用
  4. WireShark抓DNS请求和回复数据报的分析
  5. Git之Stash(储藏)备份当前的工作区的内容
  6. C和指针之auto和内存栈和register关键字
  7. Android之error: ‘const struct JNINativeInterface‘ has no member named ‘callVoidMethod‘
  8. linux网络编程之sockaddr_in和in_addr区别
  9. Android之网络编程之网络通信几种方式实例分享
  10. android log.d 格式化,android – 在我的代码中使用Log.d()或Log.e()