• 我们中的有些人,注定要在日常生活的点滴中去寻找生命的意义。---- 《生活大爆炸》|

HTML富文本编辑器Quill的使用

前端 admin 1年前 (2018-04-16) 469次浏览 已收录 0个评论

文件包含(css、js)

初始化:

var quill = new Quill('#zhenjiueditor', {
    modules: {
        toolbar: [
            [{ header: [1, 2, false] }],
            ['bold', 'italic', 'underline'],
            ['image', 'code-block']
        ]
    },
    placeholder: '请输入个人介绍...',
    theme: 'snow'  // or 'bubble'
});

获取编辑器里内容:

获取Html的方法:quill.container.firstChild.innerHTML
工具栏设置:
toolbar的自定义:
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] }], [{ ‘color’: [] }, { ‘background’: [] }], // dropdown with defaults from theme [{ ‘font’: [] }], [{ ‘align’: [] }], [‘clean’] // remove formatting button ]; var quill = new Quill(‘#editor’, { modules: { toolbar: toolbarOptions }, theme: ‘snow’ });

本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:HTML富文本编辑器Quill的使用
喜欢 (0)

您必须 登录 才能发表评论!