forked from razinkovnik/quill-table
-
Notifications
You must be signed in to change notification settings - Fork 3
/
demo.js
61 lines (50 loc) · 1.54 KB
/
demo.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
import Quill from "quill";
import TableModule from "./index.js";
import "quill/dist/quill.core.css";
import "quill/dist/quill.snow.css";
import "./css/quill.table.css";
// import '@fortawesome/fontawesome-free/webfonts';
// import '@fortawesome/fontawesome-free/css/solid.css';
// import "./css/fa.scss";
Quill.register("modules/table", TableModule);
const defaultToolbar = [
[
{
table: TableModule.tableOptions()
},
{
table: ["append-row", "append-col", "remove-col", "remove-row"]
}
],
["bold", "italic", "underline", "strike"],
["blockquote", "code-block", "image"],
[{ list: "ordered" }, { list: "bullet" }],
[{ indent: "-1" }, { indent: "+1" }],
[{ header: [1, 2, 3, 4, 5, 6, false] }],
[{ color: [] }, { background: [] }],
[{ font: [] }],
[{ align: [] }],
["clean"]
];
const quill = new Quill(document.getElementById("quillContainer"), {
modules: {
toolbar: defaultToolbar,
table: true,
keyboard: {
bindings: {
backspace: {
key: "backspace",
handler: (range, keycontext) =>
TableModule.keyboardHandler("backspace", range, keycontext)
},
delete: {
key: "delete",
handler: (range, keycontext) =>
TableModule.keyboardHandler("delete", range, keycontext)
}
}
}
},
theme: "snow"
});
window.quill = quill;