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的内容,然后我们将表单提交并通过函数传递给它,以完成它。

现在,测试它,在其中发布一个的帖子,您不必担心注入漏洞。

就是这样。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/306028.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

【Git】Git-常用命令备忘录(一)

不管是linux还是git,都有相当一部分命令,但是如果不常用,或者久疏战阵,总会有些遗忘。好记性不如烂笔头。美国《科学》杂志刊发了Betsy Sparrow等的科研论文,称Google等搜索引擎模式可能会损害人的大脑记忆力。意思大概…

非抢占式优先算法例题_非抢占短作业优先算法源代码(C语言)

#include #include #define MAX 5 //进程数/*短作业优先算法*/struct pro{int num; //进程名int arriveTime; //到达时间int burst; //运行时间;struct pro *next;};//函数声明struct pro* creatList();void insert(struct pro *head,struct pro *s);struct pro* searchByAT(st…

计算机算法音乐专业,音乐信号分析算法的乐理简说(非音乐专业的乐理)

前言这篇文章不是讲乐理知识的,那是音乐制作人,编曲人员所需要钻研的学问,不过你要有兴趣也可以看看专业的乐理知识。这里仅仅是说在音乐信号分析的项目中,我们需要知道的一些参数的意义。在诸多信号处理,或图像处理算…

代码改变世界,也改变了我

愿2021的你,可以勇敢的踏出那一步,可以去追求自己想要的东西。脑图版代码版using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.Threading.Tasks;namespace ConsoleApp14 {internal class Program{pr…

计算机基础与应用教程计算机硬件,计算机基础系列一:计算机硬件

1、编程语言的作用及与操作系统和硬件的关系一个完整的计算机系统包括硬件、操作系统、软件(即程序员开发的各种软件)三部分组成。各程序员开发的软件若直接调用计算机的硬件,如硬盘读取、音频播放等,则软件不仅编写复杂同时影响开发效率,因此…

宝塔mysql远程链接_宝塔apache启动失败:报错 AH00526: Syntax error on line 解决方案

错误信息:AH00526: Syntax error on line 54 of /www/server/apache/conf/httpd.conf:Cannot define multiple Listeners on the same IP:port朋友网站突然访问不了,进入宝塔后查看Apache服务器没运行,重启Apache时提示这个错误信息打开Apach…

Amazing 2020

Amazing 2020Intro2020 转眼即逝,2020 是比较艰辛的一年,因为疫情原因,很多人的工作以及生活都多多少少受到了一些影响。引用网上盛传的一句话——2020 实“鼠”不易, 2021 “牛”转乾坤。希望大家 2020 立的没有完成的 Flag 在 2…

游戏设计与计算机,RPG游戏设计与实现-数学与计算机系.doc

RPG游戏设计与实现-数学与计算机系XX学院毕业论文(设计)RPG游戏设计与实现院 系 :数学与计算机系专业(班级):计算机科学与技术专业2班姓名:XXX学号:20084011023指导教师:XXX职称:讲师完成日期: 2012 年 5月…

C#-WinForm跨线程修改UI界面

背景在我做WinForm开发的过程中,经常会遇到耗时操作或阻塞操作。他们会引发软件的卡顿甚至假死,严重影响软件的使用。因此,这类耗时或阻塞的操作一般都会使用异步的方式去执行,不影响主线程(UI线程)与用户间…

1w存银行一年多少利息_如果你有1000万存入银行,一年能有多少利息?刺激!

如果你有1000万存入银行,一年能有多少利息?刺激!每个人都想一夜暴富,世界上用钱可以解决90%的问题,还有剩下10%可以用钱去缓解,有钱男子汉,没钱汉子难,何以解忧,惟有暴富…

长春工业大学计算机科学与技术录取分数,2021年长春工业大学各省各专业最低投档录取分数线统计(文科 理科)...

2018年长春工业大学各省各专业最低投档录取分数线统计(文科 理科)同学们2019年高考是你们人生旅途的第一个加油站,它意味着你们的希望,你们的前途,甚至是命运,挑战六月就是挑战命运和未来,希望你们在高考中脱颖而出&am…

.NET 5 开源工作流框架elsa技术研究

编者注: 工作流框架 elsa 是.NET基金会下面的开源项目,2.0版本即将在3月份发布,目前正在紧锣密鼓的开发之中,2020年2月份我也介绍过推荐一个很棒的开源工作流elsa-core ,今天给大家推荐MVP 周国庆写的这篇详细文章。今…

php 清空一个数组_PHP工程师学Python数据类型

一、背景继上篇文章比较了PHP与Python语法之后,这周又学习了Python数据类型,准备从通过这篇文章给自己进行一些总结,也给其他读者一些参考。二、内容概要字符串(str)列表(list)元组(tup)字典(dict)数据操作三、字符串(str)Python中字符串操作…

“开源、共享、创新” 2020 中国.NET开发者大会小结

大会的新闻稿在2020年12月31日正式发布:开源共享创新|2020年中国.NET开发者大会圆满收官! , 本文是这篇新闻的补充性文章,仅代表个人对大会的各方面分享内容的一个小结。在2019年上海中国.NET开发者大会的基础上,2020年12月19日 继…

maya的颤动怎么做_必看!新手学习MAYA的几个建议

“学习是没有捷径可言的,唯一的捷径就是不断的学习和练习,只有这样才能学到真功夫”Maya设计刚刚开始接触Maya的同学都会有这些疑问,我适不适合学习Maya,学习Maya可以赚到钱吗?怎样才可以学好Maya,今天给大…

nginx lua以html显示,nginx 支持lua及lua脚本格式化日志

1.安装LuaJIT-2.0.4链接:http://luajit.org/download.htmltar -xf LuaJIT-2.0.4.tar.gzcd LuaJIT-2.0.4make PREFIX/usr/local/luajitmake install PREFIX/usr/local/luajit2.修改环境变量vim /etc/profileexport LUAJIT_LIB/usr/local/luajit/libexport LUAJIT_INC…

我的2020年终总结:新的角色,新的开始

【年终总结】| 作者/Edison Zhou又到了一年一度的年终盘点时刻,熟悉我的朋友应该都知道,这个时候我都会写一篇推文盘点一下这一年来的得失。1也谈2020关键事件回顾(1)扯证了,结婚了要说2020年我个人的最大里程碑&#…

docker es持久化_使用docker数据卷对容器数据持久化

volume是用于对Docker容器生成和使用的数据持久化的首选机制。如果您的容器生成非持久状态数据,请考虑使用 tmpfs挂载以避免将数据永久存储在任何地方,并通过避免写入容器的可写层来提高容器的性能。默认容器的数据存储在这里我们在容器中创建一些模拟的…

求职信计算机工程师英语作文,开发工程师英文求职信范文

开发工程师英文求职信范文respected leaders:hello:first salute you sincere thanks, thank you for taking the time to consult the of my application letter!i am aptech a student, now already graduated from junior year. major in.net direction, and ismitted to be…

微信适配国产操作系统:原生支持 Linux

喜欢就关注我们吧!据 ZOL 报道,统信软件官方近日宣布上线适配统信 UOS 的微信桌面客户端,并称该微信版本为原生支持 Linux 的版本,同时支持龙芯、鲲鹏、麒麟等国产 CPU。据悉,统信 UOS 版的微信桌面客户端由腾讯公司研…