Quill编辑器
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Quill HTML Test</title>
<link
href="https://cdn.quilljs.com/1.3.6/quill.snow.css"
rel="stylesheet"
/>
</head>
<body>
<div id="editor"></div>
<script src="https://cdn.quilljs.com/1.3.6/quill.js"></script>
<script>
var quill = new Quill("#editor", {
theme: "snow",
});
console.log(quill, "quill--------------");
// 测试插入 HTML
var html =
"<p>This is a paragraph.</p ><h1>这是h1</h1><a href='https://www.baidu.com'>这是超链接</a><img src='https://s2.51cto.com/images/202309/35032c2023ba7e409ee35577f1bb19b436d11a.png?x-oss-process=image/watermark,size_14,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_30,g_se,x_10,y_10,shadow_20,type_ZmFuZ3poZW5naGVpdGk=,x-oss-process=image/resize,m_fixed,w_1184/format,webp' /><br /><br /><ul><li>Item 1</li><li>Item 2</li></ul><div>12121212</div><span>qwqwqwqw</span>";
quill.clipboard.dangerouslyPasteHTML(html);
// 测试导出 HTML
var serializedHTML = quill.root.innerHTML;
console.log(serializedHTML);
</script>
</body>
</html>
扫一扫
8959
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
