update quill

dev_static
tangjiang 5 years ago
parent 444db34bcc
commit 206342d891

@ -4,16 +4,17 @@
* @Github: * @Github:
* @Date: 2020-01-06 09:02:29 * @Date: 2020-01-06 09:02:29
* @LastEditors : tangjiang * @LastEditors : tangjiang
* @LastEditTime : 2020-01-09 11:58:52 * @LastEditTime : 2020-01-09 15:00:13
*/ */
import Quill from 'quill'; import Quill from 'quill';
// let Inline = Quill.import('blots/inline'); // let Inline = Quill.import('blots/inline');
const BlockEmbed = Quill.import('blots/block/embed'); const BlockEmbed = Quill.import('blots/embed');
class FillBlot extends BlockEmbed { class FillBlot extends BlockEmbed {
static create (value) { static create (value) {
const node = super.cerate(); const node = super.cerate(value);
// node.classList.add('icon icon-bianji2'); // node.classList.add('icon icon-bianji2');
// node.setAttribute('data-fill', 'fill'); // node.setAttribute('data-fill', 'fill');
console.log('编辑器值===》》》》》', value);
node.setAttribute('data_index', value.data_index); node.setAttribute('data_index', value.data_index);
node.nodeValue = value.text; node.nodeValue = value.text;
return node; return node;
@ -28,7 +29,7 @@ class FillBlot extends BlockEmbed {
} }
FillBlot.blotName = "fill"; FillBlot.blotName = "fill-blot";
FillBlot.tagName = "span"; FillBlot.tagName = "span";
export default FillBlot; export default FillBlot;

@ -4,7 +4,7 @@
* @Github: * @Github:
* @Date: 2019-12-18 08:49:30 * @Date: 2019-12-18 08:49:30
* @LastEditors : tangjiang * @LastEditors : tangjiang
* @LastEditTime : 2020-01-09 11:56:10 * @LastEditTime : 2020-01-09 14:52:58
*/ */
import './index.scss'; import './index.scss';
import 'quill/dist/quill.core.css'; // 核心样式 import 'quill/dist/quill.core.css'; // 核心样式
@ -31,7 +31,9 @@ Quill.register(ImageBlot);
Quill.register(Size); Quill.register(Size);
Quill.register(Font, true); Quill.register(Font, true);
// Quill.register({'modules/toolbar': Toolbar}); // Quill.register({'modules/toolbar': Toolbar});
Quill.register(FillBlot); Quill.register({
'formats/fill': FillBlot
});
// Quill.register(Color); // Quill.register(Color);
@ -194,10 +196,11 @@ function QuillForEditor ({
}); });
_quill.getModule('toolbar').addHandler('fill', (e) => { _quill.getModule('toolbar').addHandler('fill', (e) => {
console.log('点击了填空=====>>>>>>', e);
setFillCount(fillCount + 1); setFillCount(fillCount + 1);
const range = _quill.getSelection(true); const range = _quill.getSelection(true);
// _quill.insertText(range.index, '▁', { 'data_index': fillCount }); // _quill.insertText(range.index, '▁', { 'data_index': fillCount });
_quill.insertEmbed(range.index, 'span', { _quill.insertEmbed(range.index, 'fill', {
text: '▁', text: '▁',
'data_index': fillCount 'data_index': fillCount
}); });

@ -4,7 +4,7 @@
* @Github: * @Github:
* @Date: 2019-11-20 10:35:40 * @Date: 2019-11-20 10:35:40
* @LastEditors : tangjiang * @LastEditors : tangjiang
* @LastEditTime : 2020-01-09 14:18:37 * @LastEditTime : 2020-01-09 16:54:45
*/ */
import './index.scss'; import './index.scss';
// import 'katex/dist/katex.css'; // import 'katex/dist/katex.css';

Loading…
Cancel
Save