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