Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/69.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 纬管JS添加内联或';formatBlock';风格_Javascript_Jquery_Html_Quill - Fatal编程技术网

Javascript 纬管JS添加内联或';formatBlock';风格

Javascript 纬管JS添加内联或';formatBlock';风格,javascript,jquery,html,quill,Javascript,Jquery,Html,Quill,我使用QuillJS作为编辑器,在这个编辑器中,我想创建一些自定义文本样式。你有默认的,粗体等已经存在,但我想扩展这些。例如,有一个blockquote,它将创建一个blockquote,但是我想要一个内联quote。为此,我最好用span和class来包装它,以应用所需的样式,但是我不知道如何使用quillsapi实现这一点。当然,我可以创建自定义块,但这适用于文本的整个部分,而不仅仅是选定的文本。所以我试着在我的自定义块中使用.formatText,但没有任何运气,尽管如果我将'quote'

我使用QuillJS作为编辑器,在这个编辑器中,我想创建一些自定义文本样式。你有默认的,粗体等已经存在,但我想扩展这些。例如,有一个blockquote,它将创建一个blockquote,但是我想要一个内联quote。为此,我最好用span和class来包装它,以应用所需的样式,但是我不知道如何使用quillsapi实现这一点。当然,我可以创建自定义块,但这适用于文本的整个部分,而不仅仅是选定的文本。所以我试着在我的自定义块中使用.formatText,但没有任何运气,尽管如果我将'quote'更改为'bold',它会。。。如有任何帮助/建议,将不胜感激

let Block = Quill.import('blots/block');

class quote extends Block { }
quote.blotName = 'quote';
quote.className = 'quote';
quote.tagName = 'span';
Quill.register({ 'formats/quote': quote });

//Handler to change inline
var quoteHandler = function(){
    var range = quill.getSelection();
    console.log(range);
    quill.formatText(range.index, range.length, 'quote', true);
}



/* Quill */
var quill = new Quill('.editor_space', {
    theme: 'snow',
    placeholder: 'Compose an epic...',
    modules: {
        toolbar:{
            container: '.main_toolbar',
            handlers: {
                'linebreak': linebreakHandler,
                'inlineQuote': quoteHandler,
            }
        }
    }
});

为了回答我自己的问题,我应该扩展内联,使它显然是内联的。不需要处理函数

let Inline = Quill.import('blots/inline');
class quote extends Inline {
    static create(value) {
        let node = super.create(value);
        return node;
    }
}
quote.blotName = 'quote';
quote.className = 'quote';
quote.tagName = 'div';
Quill.register(quote);

为了回答我自己的问题,我应该扩展内联,使它显然是内联的。不需要处理函数

let Inline = Quill.import('blots/inline');
class quote extends Inline {
    static create(value) {
        let node = super.create(value);
        return node;
    }
}
quote.blotName = 'quote';
quote.className = 'quote';
quote.tagName = 'div';
Quill.register(quote);