如何在Quill JS中添加图像? [英] How to add image in Quill JS?
本文介绍了如何在Quill JS中添加图像?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我无法弄清楚如何让图像像 http://quilljs.com/ 中的示例一样工作。
I can't figure out how to get images to work like in the example on http://quilljs.com/.
我尝试添加< span title =Imageclass =ql-format-button ql-image>< / span>
到工具栏,添加按钮,但点击按钮什么都不做,我在文档中找不到任何内容。有什么建议吗?
I tried adding <span title="Image" class="ql-format-button ql-image"></span>
to the toolbar, which adds the button, but clicking on the button does nothing and I can't find anything in the documentation. Any suggestion?
推荐答案
更新答案
从版本1.0及更高版本开始,您不再需要添加默认包含的工具提示模块。如何启用它的一个例子就是这个。
As of version 1.0 and beyond you no longer need to add the tool-tip module it's included by default. An example of how to enable it would be this.
<script>
var toolbarOptions = [
['bold', 'italic', 'underline', 'strike'], // toggled buttons
['blockquote', 'code-block'],
[{ 'header': 1 }, { 'header': 2 }], // custom button values
[{ 'list': 'ordered'}, { 'list': 'bullet' }],
[{ 'script': 'sub'}, { 'script': 'super' }], // superscript/subscript
[{ 'indent': '-1'}, { 'indent': '+1' }], // outdent/indent
[{ 'direction': 'rtl' }], // text direction
[{ 'size': ['small', false, 'large', 'huge'] }], // custom dropdown
[{ 'header': [1, 2, 3, 4, 5, 6, false] }],
[ 'link', 'image', 'video', 'formula' ], // add's image support
[{ 'color': [] }, { 'background': [] }], // dropdown with defaults from theme
[{ 'font': [] }],
[{ 'align': [] }],
['clean'] // remove formatting button
];
var quill = new Quill('#editor', {
modules: {
toolbar: toolbarOptions
},
theme: 'snow'
});
</script>
这篇关于如何在Quill JS中添加图像?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文