quill变html转化,将Quill Delta转换为HTML
這里是我是如何做到的,因?yàn)槟憧焖汆l(xiāng)親。它似乎與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()
}
我認(rèn)為只有一種形式,所以我用document.forms[0],但如果你有多個(gè)或可能在將來擴(kuò)展您的看法有多種形式,請(qǐng)查看MDN參考。
我們?cè)谶@里做的是創(chuàng)建一個(gè)隱藏的表單輸入,我們指定Quill Div的內(nèi)容,然后我們將表單提交并通過函數(shù)傳遞給它,以完成它。
現(xiàn)在,測(cè)試它,在其中發(fā)布一個(gè)的帖子,您不必?fù)?dān)心注入漏洞。
就是這樣。
總結(jié)
以上是生活随笔為你收集整理的quill变html转化,将Quill Delta转换为HTML的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: html 保存文件指定路径,78.上传文
- 下一篇: 前端跨域请求get_前端实现跨域访问