update quill

dev_static
tangjiang 5 years ago
parent 444db34bcc
commit 206342d891

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

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

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

Loading…
Cancel
Save