如何将样式(css)的html插入quillJS。 我有html之类的
var data = '<p style="color: #f00">tesst</p>';
或
var data = '<style> .pp { color: #0f0;} </style>
<p class="pp">tesst</p>';
我通过
粘贴quill_arr[$('#docbody').attr('quill-id')].clipboard.dangerouslyPasteHTML(data);
文本加载,但格式为:
<p>tesst</p>
没有所有样式。请帮忙。
答案 0 :(得分:1)
将<span>
放在样式<p>
中似乎很有效。
var data = '<p><span style="color: red;">test</span></p>'
quill.clipboard.dangerouslyPasteHTML(data);
签出此
<!-- Include stylesheet -->
<link href="https://cdn.quilljs.com/1.3.6/quill.snow.css" rel="stylesheet">
<!-- Create the editor container -->
<div id="editor"></div>
<!-- Include the Quill library -->
<script src="https://cdn.quilljs.com/1.3.6/quill.js"></script>
<script>
// Initialize Quill editor
var quill = new Quill('#editor', {
theme: 'snow'
});
// Insert HTML with style
var data = '<p><span style="color: red;">Hello World!</span></p>'
quill.clipboard.dangerouslyPasteHTML(data);
</script>