@edifice.io/tiptap-extensions 1.5.16-develop-rc.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.turbo/turbo-build.log +58 -0
- package/.turbo/turbo-format.log +142 -0
- package/.turbo/turbo-lint.log +5 -0
- package/LICENSE +661 -0
- package/dist/abbr/abbr.cjs +33 -0
- package/dist/abbr/abbr.cjs.map +1 -0
- package/dist/abbr/abbr.d.ts +16 -0
- package/dist/abbr/abbr.js +37 -0
- package/dist/abbr/abbr.js.map +1 -0
- package/dist/abbr/index.d.ts +3 -0
- package/dist/alert/alert.cjs +33 -0
- package/dist/alert/alert.cjs.map +1 -0
- package/dist/alert/alert.d.ts +2 -0
- package/dist/alert/alert.js +43 -0
- package/dist/alert/alert.js.map +1 -0
- package/dist/alert/index.d.ts +3 -0
- package/dist/attachment/attachment.cjs +74 -0
- package/dist/attachment/attachment.cjs.map +1 -0
- package/dist/attachment/attachment.d.ts +12 -0
- package/dist/attachment/attachment.js +86 -0
- package/dist/attachment/attachment.js.map +1 -0
- package/dist/attachment/index.d.ts +3 -0
- package/dist/audio/audio.cjs +55 -0
- package/dist/audio/audio.cjs.map +1 -0
- package/dist/audio/audio.d.ts +23 -0
- package/dist/audio/audio.js +55 -0
- package/dist/audio/audio.js.map +1 -0
- package/dist/audio/index.d.ts +3 -0
- package/dist/font-size/font-size.cjs +49 -0
- package/dist/font-size/font-size.cjs.map +1 -0
- package/dist/font-size/font-size.d.ts +19 -0
- package/dist/font-size/font-size.js +51 -0
- package/dist/font-size/font-size.js.map +1 -0
- package/dist/font-size/index.d.ts +3 -0
- package/dist/heading/heading.cjs +62 -0
- package/dist/heading/heading.cjs.map +1 -0
- package/dist/heading/heading.d.ts +17 -0
- package/dist/heading/heading.js +60 -0
- package/dist/heading/heading.js.map +1 -0
- package/dist/heading/index.d.ts +3 -0
- package/dist/highlight/highlight.cjs +26 -0
- package/dist/highlight/highlight.cjs.map +1 -0
- package/dist/highlight/highlight.d.ts +4 -0
- package/dist/highlight/highlight.js +26 -0
- package/dist/highlight/highlight.js.map +1 -0
- package/dist/highlight/index.d.ts +3 -0
- package/dist/hyperlink/hyperlink.cjs +48 -0
- package/dist/hyperlink/hyperlink.cjs.map +1 -0
- package/dist/hyperlink/hyperlink.d.ts +38 -0
- package/dist/hyperlink/hyperlink.js +55 -0
- package/dist/hyperlink/hyperlink.js.map +1 -0
- package/dist/hyperlink/index.d.ts +3 -0
- package/dist/iframe/iframe.cjs +70 -0
- package/dist/iframe/iframe.cjs.map +1 -0
- package/dist/iframe/iframe.d.ts +18 -0
- package/dist/iframe/iframe.js +85 -0
- package/dist/iframe/iframe.js.map +1 -0
- package/dist/iframe/index.d.ts +3 -0
- package/dist/image/custom-image.cjs +163 -0
- package/dist/image/custom-image.cjs.map +1 -0
- package/dist/image/custom-image.d.ts +27 -0
- package/dist/image/custom-image.js +181 -0
- package/dist/image/custom-image.js.map +1 -0
- package/dist/image/index.d.ts +3 -0
- package/dist/index.cjs +44 -0
- package/dist/index.cjs.map +1 -0
- package/dist/index.d.ts +19 -0
- package/dist/index.js +44 -0
- package/dist/index.js.map +1 -0
- package/dist/line-height/index.d.ts +3 -0
- package/dist/line-height/line-height.cjs +34 -0
- package/dist/line-height/line-height.cjs.map +1 -0
- package/dist/line-height/line-height.d.ts +2 -0
- package/dist/line-height/line-height.js +36 -0
- package/dist/line-height/line-height.js.map +1 -0
- package/dist/linker/index.d.ts +3 -0
- package/dist/linker/linker.cjs +96 -0
- package/dist/linker/linker.cjs.map +1 -0
- package/dist/linker/linker.d.ts +30 -0
- package/dist/linker/linker.js +104 -0
- package/dist/linker/linker.js.map +1 -0
- package/dist/mathjax/index.d.ts +3 -0
- package/dist/mathjax/mathjax.cjs +48 -0
- package/dist/mathjax/mathjax.cjs.map +1 -0
- package/dist/mathjax/mathjax.d.ts +2 -0
- package/dist/mathjax/mathjax.js +50 -0
- package/dist/mathjax/mathjax.js.map +1 -0
- package/dist/paragraph/index.d.ts +3 -0
- package/dist/paragraph/paragraph.cjs +14 -0
- package/dist/paragraph/paragraph.cjs.map +1 -0
- package/dist/paragraph/paragraph.d.ts +16 -0
- package/dist/paragraph/paragraph.js +14 -0
- package/dist/paragraph/paragraph.js.map +1 -0
- package/dist/speech-recognition/index.d.ts +3 -0
- package/dist/speech-recognition/speech-recognition.cjs +77 -0
- package/dist/speech-recognition/speech-recognition.cjs.map +1 -0
- package/dist/speech-recognition/speech-recognition.d.ts +21 -0
- package/dist/speech-recognition/speech-recognition.js +77 -0
- package/dist/speech-recognition/speech-recognition.js.map +1 -0
- package/dist/speech-synthesis/index.d.ts +3 -0
- package/dist/speech-synthesis/speech-synthesis.cjs +33 -0
- package/dist/speech-synthesis/speech-synthesis.cjs.map +1 -0
- package/dist/speech-synthesis/speech-synthesis.d.ts +18 -0
- package/dist/speech-synthesis/speech-synthesis.js +34 -0
- package/dist/speech-synthesis/speech-synthesis.js.map +1 -0
- package/dist/table-cell/index.d.ts +3 -0
- package/dist/table-cell/table-cell.cjs +28 -0
- package/dist/table-cell/table-cell.cjs.map +1 -0
- package/dist/table-cell/table-cell.d.ts +8 -0
- package/dist/table-cell/table-cell.js +28 -0
- package/dist/table-cell/table-cell.js.map +1 -0
- package/dist/transform/html-to-json/html-to-json.cjs +5 -0
- package/dist/transform/html-to-json/html-to-json.cjs.map +1 -0
- package/dist/transform/html-to-json/html-to-json.d.ts +6 -0
- package/dist/transform/html-to-json/html-to-json.js +4 -0
- package/dist/transform/html-to-json/html-to-json.js.map +1 -0
- package/dist/transform/index.d.ts +3 -0
- package/dist/transform/json-to-html/json-to-html.cjs +5 -0
- package/dist/transform/json-to-html/json-to-html.cjs.map +1 -0
- package/dist/transform/json-to-html/json-to-html.d.ts +3 -0
- package/dist/transform/json-to-html/json-to-html.js +4 -0
- package/dist/transform/json-to-html/json-to-html.js.map +1 -0
- package/dist/video/index.d.ts +3 -0
- package/dist/video/video.cjs +119 -0
- package/dist/video/video.cjs.map +1 -0
- package/dist/video/video.d.ts +34 -0
- package/dist/video/video.js +123 -0
- package/dist/video/video.js.map +1 -0
- package/package.json +133 -0
- package/src/abbr/abbr.ts +57 -0
- package/src/abbr/index.ts +5 -0
- package/src/alert/alert.ts +46 -0
- package/src/alert/index.ts +5 -0
- package/src/attachment/attachment.ts +113 -0
- package/src/attachment/index.ts +5 -0
- package/src/audio/audio.ts +81 -0
- package/src/audio/index.ts +5 -0
- package/src/font-size/font-size.ts +74 -0
- package/src/font-size/index.ts +5 -0
- package/src/heading/heading.ts +90 -0
- package/src/heading/index.ts +5 -0
- package/src/highlight/highlight.ts +27 -0
- package/src/highlight/index.ts +5 -0
- package/src/hyperlink/hyperlink.ts +92 -0
- package/src/hyperlink/index.ts +5 -0
- package/src/iframe/iframe.ts +112 -0
- package/src/iframe/index.ts +5 -0
- package/src/image/custom-image.ts +226 -0
- package/src/image/index.ts +5 -0
- package/src/index.ts +19 -0
- package/src/line-height/index.ts +5 -0
- package/src/line-height/line-height.ts +37 -0
- package/src/linker/index.ts +5 -0
- package/src/linker/linker.ts +153 -0
- package/src/mathjax/index.ts +5 -0
- package/src/mathjax/mathjax.ts +55 -0
- package/src/paragraph/index.ts +5 -0
- package/src/paragraph/paragraph.ts +25 -0
- package/src/speech-recognition/index.ts +5 -0
- package/src/speech-recognition/speech-recognition.ts +123 -0
- package/src/speech-synthesis/index.ts +5 -0
- package/src/speech-synthesis/speech-synthesis.ts +52 -0
- package/src/table-cell/index.ts +5 -0
- package/src/table-cell/table-cell.ts +28 -0
- package/src/transform/html-to-json/html-to-json.ts +5 -0
- package/src/transform/index.ts +4 -0
- package/src/transform/json-to-html/json-to-html.ts +5 -0
- package/src/video/index.ts +5 -0
- package/src/video/video.ts +173 -0
- package/tsconfig.json +20 -0
- package/vite.config.ts +46 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"iframe.js","sources":["../../src/iframe/iframe.ts"],"sourcesContent":["import { Node } from '@tiptap/core';\n\nexport interface IframeOptions {\n allowFullscreen: boolean;\n HTMLAttributes: {\n [key: string]: any;\n };\n}\n\ndeclare module '@tiptap/core' {\n interface Commands<ReturnType> {\n iframe: {\n /**\n * Add an iframe\n */\n setIframe: (options: { src: string }) => ReturnType;\n };\n }\n}\n\nexport const Iframe = Node.create<IframeOptions>({\n name: 'iframe',\n group: 'block',\n atom: true,\n draggable: true,\n\n addOptions() {\n return {\n allowFullscreen: true,\n HTMLAttributes: {\n class: 'iframe-wrapper',\n },\n };\n },\n\n addAttributes() {\n return {\n src: {\n default: null,\n },\n frameborder: {\n default: 0,\n },\n allowfullscreen: {\n default: this.options.allowFullscreen,\n parseHTML: () => this.options.allowFullscreen,\n },\n width: {\n renderHTML: (attributes) => {\n return attributes.width\n ? {\n width:\n attributes.width === '100%'\n ? '100%'\n : parseInt(attributes.width),\n }\n : {};\n },\n parseHTML: (element) => element.getAttribute('width'),\n },\n height: {\n renderHTML: (attributes) => {\n return attributes.height\n ? {\n height: parseInt(attributes.height),\n }\n : {};\n },\n parseHTML: (element) => element.getAttribute('height'),\n },\n style: {\n renderHTML: (attributes) => {\n return attributes.style\n ? {\n style: attributes.style,\n }\n : {};\n },\n parseHTML: (element) => element.getAttribute('style'),\n },\n };\n },\n\n parseHTML() {\n return [\n {\n tag: 'iframe',\n },\n ];\n },\n\n renderHTML({ HTMLAttributes }) {\n return ['div', this.options.HTMLAttributes, ['iframe', HTMLAttributes]];\n },\n\n addCommands() {\n return {\n setIframe:\n (options: { src: string }) =>\n ({ tr, dispatch }) => {\n const { selection } = tr;\n const node = this.type.create(options);\n\n if (dispatch) {\n tr.replaceRangeWith(selection.from, selection.to, node);\n }\n\n return true;\n },\n };\n },\n});\n"],"names":[],"mappings":";AAoBa,MAAA,SAAS,KAAK,OAAsB;AAAA,EAC/C,MAAM;AAAA,EACN,OAAO;AAAA,EACP,MAAM;AAAA,EACN,WAAW;AAAA,EAEX,aAAa;AACJ,WAAA;AAAA,MACL,iBAAiB;AAAA,MACjB,gBAAgB;AAAA,QACd,OAAO;AAAA,MACT;AAAA,IAAA;AAAA,EAEJ;AAAA,EAEA,gBAAgB;AACP,WAAA;AAAA,MACL,KAAK;AAAA,QACH,SAAS;AAAA,MACX;AAAA,MACA,aAAa;AAAA,QACX,SAAS;AAAA,MACX;AAAA,MACA,iBAAiB;AAAA,QACf,SAAS,KAAK,QAAQ;AAAA,QACtB,WAAW,MAAM,KAAK,QAAQ;AAAA,MAChC;AAAA,MACA,OAAO;AAAA,QACL,YAAY,CAAC,eACJ,WAAW,QACd;AAAA,UACE,OACE,WAAW,UAAU,SACjB,SACA,SAAS,WAAW,KAAK;AAAA,YAEjC;QAEN,WAAW,CAAC,YAAY,QAAQ,aAAa,OAAO;AAAA,MACtD;AAAA,MACA,QAAQ;AAAA,QACN,YAAY,CAAC,eACJ,WAAW,SACd;AAAA,UACE,QAAQ,SAAS,WAAW,MAAM;AAAA,YAEpC;QAEN,WAAW,CAAC,YAAY,QAAQ,aAAa,QAAQ;AAAA,MACvD;AAAA,MACA,OAAO;AAAA,QACL,YAAY,CAAC,eACJ,WAAW,QACd;AAAA,UACE,OAAO,WAAW;AAAA,YAEpB;QAEN,WAAW,CAAC,YAAY,QAAQ,aAAa,OAAO;AAAA,MACtD;AAAA,IAAA;AAAA,EAEJ;AAAA,EAEA,YAAY;AACH,WAAA;AAAA,MACL;AAAA,QACE,KAAK;AAAA,MACP;AAAA,IAAA;AAAA,EAEJ;AAAA,EAEA,WAAW,EAAE,kBAAkB;AACtB,WAAA,CAAC,OAAO,KAAK,QAAQ,gBAAgB,CAAC,UAAU,cAAc,CAAC;AAAA,EACxE;AAAA,EAEA,cAAc;AACL,WAAA;AAAA,MACL,WACE,CAAC,YACD,CAAC,EAAE,IAAI,eAAe;AACd,cAAA,EAAE,UAAc,IAAA,IAChB,OAAO,KAAK,KAAK,OAAO,OAAO;AAErC,eAAI,YACF,GAAG,iBAAiB,UAAU,MAAM,UAAU,IAAI,IAAI,GAGjD;AAAA,MACT;AAAA,IAAA;AAAA,EAEN;AACF,CAAC;"}
|
|
@@ -0,0 +1,163 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
3
|
+
const core = require('@tiptap/core'),
|
|
4
|
+
Image = require('@tiptap/extension-image'),
|
|
5
|
+
IMAGE_INPUT_REGEX =
|
|
6
|
+
/(?:^|\s)(!\[(.+|:?)]\((\S+)(?:(?:\s+)["'](\S+)["'])?\))$/,
|
|
7
|
+
CustomImage = Image.extend({
|
|
8
|
+
name: 'custom-image',
|
|
9
|
+
draggable: !0,
|
|
10
|
+
selectable: !0,
|
|
11
|
+
addOptions() {
|
|
12
|
+
var _a;
|
|
13
|
+
return {
|
|
14
|
+
...((_a = this.parent) == null ? void 0 : _a.call(this)),
|
|
15
|
+
inline: !0,
|
|
16
|
+
content: 'inline*',
|
|
17
|
+
sizes: ['small', 'medium', 'large'],
|
|
18
|
+
HTMLAttributes: { class: 'custom-image' },
|
|
19
|
+
};
|
|
20
|
+
},
|
|
21
|
+
addAttributes() {
|
|
22
|
+
var _a;
|
|
23
|
+
return {
|
|
24
|
+
...((_a = this.parent) == null ? void 0 : _a.call(this)),
|
|
25
|
+
size: { default: 'medium', rendered: !1 },
|
|
26
|
+
alt: {
|
|
27
|
+
renderHTML: (attributes) => ({ alt: attributes.alt }),
|
|
28
|
+
parseHTML: (element) => element.getAttribute('alt'),
|
|
29
|
+
},
|
|
30
|
+
title: {
|
|
31
|
+
renderHTML: (attributes) => ({ title: attributes.title }),
|
|
32
|
+
parseHTML: (element) => element.getAttribute('title'),
|
|
33
|
+
},
|
|
34
|
+
width: {
|
|
35
|
+
default: '350',
|
|
36
|
+
renderHTML: (attributes) =>
|
|
37
|
+
attributes.width !== null &&
|
|
38
|
+
attributes.width !== void 0 &&
|
|
39
|
+
!Number.isNaN(attributes.width)
|
|
40
|
+
? { width: parseInt(attributes.width) }
|
|
41
|
+
: {},
|
|
42
|
+
parseHTML: (element) => element.getAttribute('width'),
|
|
43
|
+
},
|
|
44
|
+
height: {
|
|
45
|
+
renderHTML: (attributes) =>
|
|
46
|
+
attributes.height !== null &&
|
|
47
|
+
attributes.height !== void 0 &&
|
|
48
|
+
!Number.isNaN(attributes.height)
|
|
49
|
+
? { height: parseInt(attributes.height) }
|
|
50
|
+
: {},
|
|
51
|
+
parseHTML: (element) => element.getAttribute('height'),
|
|
52
|
+
},
|
|
53
|
+
style: {
|
|
54
|
+
renderHTML: (attributes) =>
|
|
55
|
+
attributes.style ? { style: attributes.style } : {},
|
|
56
|
+
parseHTML: (element) => {
|
|
57
|
+
const style = element.getAttribute('style');
|
|
58
|
+
return style && typeof style == 'string' && style.length > 0
|
|
59
|
+
? {}
|
|
60
|
+
: null;
|
|
61
|
+
},
|
|
62
|
+
},
|
|
63
|
+
};
|
|
64
|
+
},
|
|
65
|
+
parseHTML() {
|
|
66
|
+
return [
|
|
67
|
+
{
|
|
68
|
+
tag: 'img[src]:not([src^="data:"])',
|
|
69
|
+
getAttrs: (el) => {
|
|
70
|
+
var _a, _b, _c, _d, _e;
|
|
71
|
+
const attr = { src: el.getAttribute('src') };
|
|
72
|
+
return (
|
|
73
|
+
(_a = el.parentElement) != null &&
|
|
74
|
+
_a.className.includes('image-container') &&
|
|
75
|
+
(_b = el.parentElement.style) != null &&
|
|
76
|
+
_b.width &&
|
|
77
|
+
(attr.width = el.parentElement.style.width),
|
|
78
|
+
(_c = el.style) != null &&
|
|
79
|
+
_c.width &&
|
|
80
|
+
(attr.width = el.style.width),
|
|
81
|
+
[
|
|
82
|
+
'happy',
|
|
83
|
+
'proud',
|
|
84
|
+
'dreamy',
|
|
85
|
+
'love',
|
|
86
|
+
'tired',
|
|
87
|
+
'angry',
|
|
88
|
+
'worried',
|
|
89
|
+
'sick',
|
|
90
|
+
'joker',
|
|
91
|
+
'sad',
|
|
92
|
+
].filter((smiley) => attr.src.includes(smiley + '.png')).length >
|
|
93
|
+
0 &&
|
|
94
|
+
((attr.style = {
|
|
95
|
+
width: '1.5em',
|
|
96
|
+
height: '1.5em',
|
|
97
|
+
fontSize:
|
|
98
|
+
(_e =
|
|
99
|
+
(_d = el.parentElement) == null ? void 0 : _d.style) ==
|
|
100
|
+
null
|
|
101
|
+
? void 0
|
|
102
|
+
: _e.fontSize,
|
|
103
|
+
}),
|
|
104
|
+
(attr.width = 'null'),
|
|
105
|
+
(attr.height = 'null')),
|
|
106
|
+
attr
|
|
107
|
+
);
|
|
108
|
+
},
|
|
109
|
+
},
|
|
110
|
+
];
|
|
111
|
+
},
|
|
112
|
+
renderHTML({ HTMLAttributes }) {
|
|
113
|
+
return [
|
|
114
|
+
'img',
|
|
115
|
+
core.mergeAttributes(this.options.HTMLAttributes, HTMLAttributes),
|
|
116
|
+
];
|
|
117
|
+
},
|
|
118
|
+
addInputRules() {
|
|
119
|
+
return [
|
|
120
|
+
core.nodeInputRule({
|
|
121
|
+
find: IMAGE_INPUT_REGEX,
|
|
122
|
+
type: this.type,
|
|
123
|
+
getAttributes: (match) => {
|
|
124
|
+
const [, , alt, src, title] = match;
|
|
125
|
+
return { src, alt, title };
|
|
126
|
+
},
|
|
127
|
+
}),
|
|
128
|
+
];
|
|
129
|
+
},
|
|
130
|
+
addCommands() {
|
|
131
|
+
return {
|
|
132
|
+
setNewImage:
|
|
133
|
+
(attrs) =>
|
|
134
|
+
({ tr, dispatch }) => {
|
|
135
|
+
const { selection } = tr,
|
|
136
|
+
node = this.type.create(attrs);
|
|
137
|
+
return (
|
|
138
|
+
dispatch &&
|
|
139
|
+
tr.replaceRangeWith(selection.from, selection.to, node),
|
|
140
|
+
!0
|
|
141
|
+
);
|
|
142
|
+
},
|
|
143
|
+
setAttributes:
|
|
144
|
+
(attributes) =>
|
|
145
|
+
({ tr, dispatch }) => {
|
|
146
|
+
const { selection } = tr,
|
|
147
|
+
options = {
|
|
148
|
+
...tr.doc.nodeAt(tr.selection.from).attrs,
|
|
149
|
+
...attributes,
|
|
150
|
+
},
|
|
151
|
+
node = this.type.create(options);
|
|
152
|
+
return (
|
|
153
|
+
dispatch &&
|
|
154
|
+
tr.replaceRangeWith(selection.from, selection.to, node),
|
|
155
|
+
!0
|
|
156
|
+
);
|
|
157
|
+
},
|
|
158
|
+
};
|
|
159
|
+
},
|
|
160
|
+
});
|
|
161
|
+
exports.CustomImage = CustomImage;
|
|
162
|
+
exports.IMAGE_INPUT_REGEX = IMAGE_INPUT_REGEX;
|
|
163
|
+
//# sourceMappingURL=custom-image.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"custom-image.cjs","sources":["../../src/image/custom-image.ts"],"sourcesContent":["import { mergeAttributes, nodeInputRule } from '@tiptap/core';\nimport Image from '@tiptap/extension-image';\n\nexport const IMAGE_INPUT_REGEX =\n /(?:^|\\s)(!\\[(.+|:?)]\\((\\S+)(?:(?:\\s+)[\"'](\\S+)[\"'])?\\))$/;\n\nexport interface CustomImageOptions {\n HTMLAttributes: Record<string, string>;\n sizes: string[];\n}\n\ninterface AttributesProps {\n width: number | string;\n height: number | string;\n size: string;\n}\n\ndeclare module '@tiptap/core' {\n interface Commands<ReturnType> {\n customImage: {\n setAttributes: (options: AttributesProps) => ReturnType;\n setNewImage: (options: {\n src: string;\n alt?: string;\n title?: string;\n }) => ReturnType;\n };\n }\n}\n\nexport const CustomImage = Image.extend<CustomImageOptions>({\n name: 'custom-image',\n draggable: true,\n selectable: true,\n\n addOptions() {\n return {\n ...this.parent?.(),\n inline: true,\n content: 'inline*',\n sizes: ['small', 'medium', 'large'],\n HTMLAttributes: {\n class: 'custom-image',\n },\n };\n },\n\n addAttributes() {\n return {\n ...this.parent?.(),\n size: {\n default: 'medium',\n rendered: false,\n },\n alt: {\n renderHTML: (attributes) => {\n return {\n alt: attributes.alt,\n };\n },\n parseHTML: (element) => element.getAttribute('alt'),\n },\n title: {\n renderHTML: (attributes) => {\n return {\n title: attributes.title,\n };\n },\n parseHTML: (element) => element.getAttribute('title'),\n },\n width: {\n default: '350',\n renderHTML: (attributes) => {\n if (\n attributes.width !== null &&\n attributes.width !== undefined &&\n !Number.isNaN(attributes.width)\n ) {\n return {\n width: parseInt(attributes.width),\n };\n }\n return {};\n },\n parseHTML: (element) => element.getAttribute('width'),\n },\n height: {\n renderHTML: (attributes) => {\n if (\n attributes.height !== null &&\n attributes.height !== undefined &&\n !Number.isNaN(attributes.height)\n ) {\n return {\n height: parseInt(attributes.height),\n };\n }\n return {};\n },\n parseHTML: (element) => element.getAttribute('height'),\n },\n style: {\n renderHTML: (attributes) => {\n return attributes.style\n ? {\n style: attributes.style,\n }\n : {};\n },\n parseHTML: (element) => {\n const style = element.getAttribute('style');\n return style && typeof style === 'string' && style.length > 0\n ? {}\n : null;\n },\n },\n };\n },\n\n parseHTML() {\n return [\n {\n tag: 'img[src]:not([src^=\"data:\"])',\n getAttrs: (el: HTMLImageElement) => {\n const attr = { src: el.getAttribute('src') };\n // Check old content format and get the width from the parent element\n if (el.parentElement?.className.includes('image-container')) {\n if (el.parentElement.style?.width) {\n attr['width'] = el.parentElement.style.width;\n }\n }\n if (el.style?.width) {\n attr['width'] = el.style.width;\n }\n\n // Check old content smiley\n const oldSmileyList = [\n 'happy',\n 'proud',\n 'dreamy',\n 'love',\n 'tired',\n 'angry',\n 'worried',\n 'sick',\n 'joker',\n 'sad',\n ];\n if (\n oldSmileyList.filter((smiley) => attr.src.includes(smiley + '.png'))\n .length > 0\n ) {\n attr['style'] = {\n width: '1.5em',\n height: '1.5em',\n fontSize: el.parentElement?.style?.fontSize,\n };\n attr['width'] = 'null';\n attr['height'] = 'null';\n }\n return attr;\n },\n },\n ];\n },\n\n renderHTML({ HTMLAttributes }) {\n return [\n 'img',\n mergeAttributes(this.options.HTMLAttributes, HTMLAttributes),\n ];\n },\n\n addInputRules() {\n return [\n nodeInputRule({\n find: IMAGE_INPUT_REGEX,\n type: this.type,\n getAttributes: (match) => {\n const [, , alt, src, title] = match;\n\n return {\n src,\n alt,\n title,\n };\n },\n }),\n ];\n },\n\n addCommands() {\n return {\n setNewImage:\n (attrs) =>\n ({ tr, dispatch }) => {\n const { selection } = tr;\n const node = this.type.create(attrs);\n\n if (dispatch) {\n tr.replaceRangeWith(selection.from, selection.to, node);\n }\n\n return true;\n },\n setAttributes:\n (attributes) =>\n ({ tr, dispatch }) => {\n const { selection } = tr;\n\n const nodeAttrs = tr.doc.nodeAt(tr.selection.from);\n const options = {\n ...nodeAttrs.attrs,\n ...attributes,\n };\n const node = this.type.create(options);\n\n if (dispatch) {\n tr.replaceRangeWith(selection.from, selection.to, node);\n }\n\n return true;\n },\n };\n },\n});\n"],"names":["mergeAttributes","nodeInputRule"],"mappings":"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"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
export declare const IMAGE_INPUT_REGEX: RegExp;
|
|
2
|
+
export interface CustomImageOptions {
|
|
3
|
+
HTMLAttributes: Record<string, string>;
|
|
4
|
+
sizes: string[];
|
|
5
|
+
}
|
|
6
|
+
interface AttributesProps {
|
|
7
|
+
width: number | string;
|
|
8
|
+
height: number | string;
|
|
9
|
+
size: string;
|
|
10
|
+
}
|
|
11
|
+
declare module '@tiptap/core' {
|
|
12
|
+
interface Commands<ReturnType> {
|
|
13
|
+
customImage: {
|
|
14
|
+
setAttributes: (options: AttributesProps) => ReturnType;
|
|
15
|
+
setNewImage: (options: {
|
|
16
|
+
src: string;
|
|
17
|
+
alt?: string;
|
|
18
|
+
title?: string;
|
|
19
|
+
}) => ReturnType;
|
|
20
|
+
};
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
export declare const CustomImage: import('@tiptap/core').Node<
|
|
24
|
+
CustomImageOptions,
|
|
25
|
+
any
|
|
26
|
+
>;
|
|
27
|
+
export {};
|
|
@@ -0,0 +1,181 @@
|
|
|
1
|
+
import { mergeAttributes, nodeInputRule } from '@tiptap/core';
|
|
2
|
+
import Image from '@tiptap/extension-image';
|
|
3
|
+
const IMAGE_INPUT_REGEX =
|
|
4
|
+
/(?:^|\s)(!\[(.+|:?)]\((\S+)(?:(?:\s+)["'](\S+)["'])?\))$/,
|
|
5
|
+
CustomImage = Image.extend({
|
|
6
|
+
name: 'custom-image',
|
|
7
|
+
draggable: !0,
|
|
8
|
+
selectable: !0,
|
|
9
|
+
addOptions() {
|
|
10
|
+
var _a;
|
|
11
|
+
return {
|
|
12
|
+
...((_a = this.parent) == null ? void 0 : _a.call(this)),
|
|
13
|
+
inline: !0,
|
|
14
|
+
content: 'inline*',
|
|
15
|
+
sizes: ['small', 'medium', 'large'],
|
|
16
|
+
HTMLAttributes: {
|
|
17
|
+
class: 'custom-image',
|
|
18
|
+
},
|
|
19
|
+
};
|
|
20
|
+
},
|
|
21
|
+
addAttributes() {
|
|
22
|
+
var _a;
|
|
23
|
+
return {
|
|
24
|
+
...((_a = this.parent) == null ? void 0 : _a.call(this)),
|
|
25
|
+
size: {
|
|
26
|
+
default: 'medium',
|
|
27
|
+
rendered: !1,
|
|
28
|
+
},
|
|
29
|
+
alt: {
|
|
30
|
+
renderHTML: (attributes) => ({
|
|
31
|
+
alt: attributes.alt,
|
|
32
|
+
}),
|
|
33
|
+
parseHTML: (element) => element.getAttribute('alt'),
|
|
34
|
+
},
|
|
35
|
+
title: {
|
|
36
|
+
renderHTML: (attributes) => ({
|
|
37
|
+
title: attributes.title,
|
|
38
|
+
}),
|
|
39
|
+
parseHTML: (element) => element.getAttribute('title'),
|
|
40
|
+
},
|
|
41
|
+
width: {
|
|
42
|
+
default: '350',
|
|
43
|
+
renderHTML: (attributes) =>
|
|
44
|
+
attributes.width !== null &&
|
|
45
|
+
attributes.width !== void 0 &&
|
|
46
|
+
!Number.isNaN(attributes.width)
|
|
47
|
+
? {
|
|
48
|
+
width: parseInt(attributes.width),
|
|
49
|
+
}
|
|
50
|
+
: {},
|
|
51
|
+
parseHTML: (element) => element.getAttribute('width'),
|
|
52
|
+
},
|
|
53
|
+
height: {
|
|
54
|
+
renderHTML: (attributes) =>
|
|
55
|
+
attributes.height !== null &&
|
|
56
|
+
attributes.height !== void 0 &&
|
|
57
|
+
!Number.isNaN(attributes.height)
|
|
58
|
+
? {
|
|
59
|
+
height: parseInt(attributes.height),
|
|
60
|
+
}
|
|
61
|
+
: {},
|
|
62
|
+
parseHTML: (element) => element.getAttribute('height'),
|
|
63
|
+
},
|
|
64
|
+
style: {
|
|
65
|
+
renderHTML: (attributes) =>
|
|
66
|
+
attributes.style
|
|
67
|
+
? {
|
|
68
|
+
style: attributes.style,
|
|
69
|
+
}
|
|
70
|
+
: {},
|
|
71
|
+
parseHTML: (element) => {
|
|
72
|
+
const style = element.getAttribute('style');
|
|
73
|
+
return style && typeof style == 'string' && style.length > 0
|
|
74
|
+
? {}
|
|
75
|
+
: null;
|
|
76
|
+
},
|
|
77
|
+
},
|
|
78
|
+
};
|
|
79
|
+
},
|
|
80
|
+
parseHTML() {
|
|
81
|
+
return [
|
|
82
|
+
{
|
|
83
|
+
tag: 'img[src]:not([src^="data:"])',
|
|
84
|
+
getAttrs: (el) => {
|
|
85
|
+
var _a, _b, _c, _d, _e;
|
|
86
|
+
const attr = { src: el.getAttribute('src') };
|
|
87
|
+
return (
|
|
88
|
+
(_a = el.parentElement) != null &&
|
|
89
|
+
_a.className.includes('image-container') &&
|
|
90
|
+
(_b = el.parentElement.style) != null &&
|
|
91
|
+
_b.width &&
|
|
92
|
+
(attr.width = el.parentElement.style.width),
|
|
93
|
+
(_c = el.style) != null &&
|
|
94
|
+
_c.width &&
|
|
95
|
+
(attr.width = el.style.width),
|
|
96
|
+
[
|
|
97
|
+
'happy',
|
|
98
|
+
'proud',
|
|
99
|
+
'dreamy',
|
|
100
|
+
'love',
|
|
101
|
+
'tired',
|
|
102
|
+
'angry',
|
|
103
|
+
'worried',
|
|
104
|
+
'sick',
|
|
105
|
+
'joker',
|
|
106
|
+
'sad',
|
|
107
|
+
].filter((smiley) => attr.src.includes(smiley + '.png')).length >
|
|
108
|
+
0 &&
|
|
109
|
+
((attr.style = {
|
|
110
|
+
width: '1.5em',
|
|
111
|
+
height: '1.5em',
|
|
112
|
+
fontSize:
|
|
113
|
+
(_e =
|
|
114
|
+
(_d = el.parentElement) == null ? void 0 : _d.style) ==
|
|
115
|
+
null
|
|
116
|
+
? void 0
|
|
117
|
+
: _e.fontSize,
|
|
118
|
+
}),
|
|
119
|
+
(attr.width = 'null'),
|
|
120
|
+
(attr.height = 'null')),
|
|
121
|
+
attr
|
|
122
|
+
);
|
|
123
|
+
},
|
|
124
|
+
},
|
|
125
|
+
];
|
|
126
|
+
},
|
|
127
|
+
renderHTML({ HTMLAttributes }) {
|
|
128
|
+
return [
|
|
129
|
+
'img',
|
|
130
|
+
mergeAttributes(this.options.HTMLAttributes, HTMLAttributes),
|
|
131
|
+
];
|
|
132
|
+
},
|
|
133
|
+
addInputRules() {
|
|
134
|
+
return [
|
|
135
|
+
nodeInputRule({
|
|
136
|
+
find: IMAGE_INPUT_REGEX,
|
|
137
|
+
type: this.type,
|
|
138
|
+
getAttributes: (match) => {
|
|
139
|
+
const [, , alt, src, title] = match;
|
|
140
|
+
return {
|
|
141
|
+
src,
|
|
142
|
+
alt,
|
|
143
|
+
title,
|
|
144
|
+
};
|
|
145
|
+
},
|
|
146
|
+
}),
|
|
147
|
+
];
|
|
148
|
+
},
|
|
149
|
+
addCommands() {
|
|
150
|
+
return {
|
|
151
|
+
setNewImage:
|
|
152
|
+
(attrs) =>
|
|
153
|
+
({ tr, dispatch }) => {
|
|
154
|
+
const { selection } = tr,
|
|
155
|
+
node = this.type.create(attrs);
|
|
156
|
+
return (
|
|
157
|
+
dispatch &&
|
|
158
|
+
tr.replaceRangeWith(selection.from, selection.to, node),
|
|
159
|
+
!0
|
|
160
|
+
);
|
|
161
|
+
},
|
|
162
|
+
setAttributes:
|
|
163
|
+
(attributes) =>
|
|
164
|
+
({ tr, dispatch }) => {
|
|
165
|
+
const { selection } = tr,
|
|
166
|
+
options = {
|
|
167
|
+
...tr.doc.nodeAt(tr.selection.from).attrs,
|
|
168
|
+
...attributes,
|
|
169
|
+
},
|
|
170
|
+
node = this.type.create(options);
|
|
171
|
+
return (
|
|
172
|
+
dispatch &&
|
|
173
|
+
tr.replaceRangeWith(selection.from, selection.to, node),
|
|
174
|
+
!0
|
|
175
|
+
);
|
|
176
|
+
},
|
|
177
|
+
};
|
|
178
|
+
},
|
|
179
|
+
});
|
|
180
|
+
export { CustomImage, IMAGE_INPUT_REGEX };
|
|
181
|
+
//# sourceMappingURL=custom-image.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"custom-image.js","sources":["../../src/image/custom-image.ts"],"sourcesContent":["import { mergeAttributes, nodeInputRule } from '@tiptap/core';\nimport Image from '@tiptap/extension-image';\n\nexport const IMAGE_INPUT_REGEX =\n /(?:^|\\s)(!\\[(.+|:?)]\\((\\S+)(?:(?:\\s+)[\"'](\\S+)[\"'])?\\))$/;\n\nexport interface CustomImageOptions {\n HTMLAttributes: Record<string, string>;\n sizes: string[];\n}\n\ninterface AttributesProps {\n width: number | string;\n height: number | string;\n size: string;\n}\n\ndeclare module '@tiptap/core' {\n interface Commands<ReturnType> {\n customImage: {\n setAttributes: (options: AttributesProps) => ReturnType;\n setNewImage: (options: {\n src: string;\n alt?: string;\n title?: string;\n }) => ReturnType;\n };\n }\n}\n\nexport const CustomImage = Image.extend<CustomImageOptions>({\n name: 'custom-image',\n draggable: true,\n selectable: true,\n\n addOptions() {\n return {\n ...this.parent?.(),\n inline: true,\n content: 'inline*',\n sizes: ['small', 'medium', 'large'],\n HTMLAttributes: {\n class: 'custom-image',\n },\n };\n },\n\n addAttributes() {\n return {\n ...this.parent?.(),\n size: {\n default: 'medium',\n rendered: false,\n },\n alt: {\n renderHTML: (attributes) => {\n return {\n alt: attributes.alt,\n };\n },\n parseHTML: (element) => element.getAttribute('alt'),\n },\n title: {\n renderHTML: (attributes) => {\n return {\n title: attributes.title,\n };\n },\n parseHTML: (element) => element.getAttribute('title'),\n },\n width: {\n default: '350',\n renderHTML: (attributes) => {\n if (\n attributes.width !== null &&\n attributes.width !== undefined &&\n !Number.isNaN(attributes.width)\n ) {\n return {\n width: parseInt(attributes.width),\n };\n }\n return {};\n },\n parseHTML: (element) => element.getAttribute('width'),\n },\n height: {\n renderHTML: (attributes) => {\n if (\n attributes.height !== null &&\n attributes.height !== undefined &&\n !Number.isNaN(attributes.height)\n ) {\n return {\n height: parseInt(attributes.height),\n };\n }\n return {};\n },\n parseHTML: (element) => element.getAttribute('height'),\n },\n style: {\n renderHTML: (attributes) => {\n return attributes.style\n ? {\n style: attributes.style,\n }\n : {};\n },\n parseHTML: (element) => {\n const style = element.getAttribute('style');\n return style && typeof style === 'string' && style.length > 0\n ? {}\n : null;\n },\n },\n };\n },\n\n parseHTML() {\n return [\n {\n tag: 'img[src]:not([src^=\"data:\"])',\n getAttrs: (el: HTMLImageElement) => {\n const attr = { src: el.getAttribute('src') };\n // Check old content format and get the width from the parent element\n if (el.parentElement?.className.includes('image-container')) {\n if (el.parentElement.style?.width) {\n attr['width'] = el.parentElement.style.width;\n }\n }\n if (el.style?.width) {\n attr['width'] = el.style.width;\n }\n\n // Check old content smiley\n const oldSmileyList = [\n 'happy',\n 'proud',\n 'dreamy',\n 'love',\n 'tired',\n 'angry',\n 'worried',\n 'sick',\n 'joker',\n 'sad',\n ];\n if (\n oldSmileyList.filter((smiley) => attr.src.includes(smiley + '.png'))\n .length > 0\n ) {\n attr['style'] = {\n width: '1.5em',\n height: '1.5em',\n fontSize: el.parentElement?.style?.fontSize,\n };\n attr['width'] = 'null';\n attr['height'] = 'null';\n }\n return attr;\n },\n },\n ];\n },\n\n renderHTML({ HTMLAttributes }) {\n return [\n 'img',\n mergeAttributes(this.options.HTMLAttributes, HTMLAttributes),\n ];\n },\n\n addInputRules() {\n return [\n nodeInputRule({\n find: IMAGE_INPUT_REGEX,\n type: this.type,\n getAttributes: (match) => {\n const [, , alt, src, title] = match;\n\n return {\n src,\n alt,\n title,\n };\n },\n }),\n ];\n },\n\n addCommands() {\n return {\n setNewImage:\n (attrs) =>\n ({ tr, dispatch }) => {\n const { selection } = tr;\n const node = this.type.create(attrs);\n\n if (dispatch) {\n tr.replaceRangeWith(selection.from, selection.to, node);\n }\n\n return true;\n },\n setAttributes:\n (attributes) =>\n ({ tr, dispatch }) => {\n const { selection } = tr;\n\n const nodeAttrs = tr.doc.nodeAt(tr.selection.from);\n const options = {\n ...nodeAttrs.attrs,\n ...attributes,\n };\n const node = this.type.create(options);\n\n if (dispatch) {\n tr.replaceRangeWith(selection.from, selection.to, node);\n }\n\n return true;\n },\n };\n },\n});\n"],"names":[],"mappings":"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"}
|
package/dist/index.cjs
ADDED
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
3
|
+
const abbr = require('./abbr/abbr.cjs'),
|
|
4
|
+
alert = require('./alert/alert.cjs'),
|
|
5
|
+
attachment = require('./attachment/attachment.cjs'),
|
|
6
|
+
audio = require('./audio/audio.cjs'),
|
|
7
|
+
fontSize = require('./font-size/font-size.cjs'),
|
|
8
|
+
heading = require('./heading/heading.cjs'),
|
|
9
|
+
highlight = require('./highlight/highlight.cjs'),
|
|
10
|
+
hyperlink = require('./hyperlink/hyperlink.cjs'),
|
|
11
|
+
iframe = require('./iframe/iframe.cjs'),
|
|
12
|
+
customImage = require('./image/custom-image.cjs'),
|
|
13
|
+
lineHeight = require('./line-height/line-height.cjs'),
|
|
14
|
+
linker = require('./linker/linker.cjs'),
|
|
15
|
+
mathjax = require('./mathjax/mathjax.cjs'),
|
|
16
|
+
paragraph = require('./paragraph/paragraph.cjs'),
|
|
17
|
+
speechRecognition = require('./speech-recognition/speech-recognition.cjs'),
|
|
18
|
+
speechSynthesis = require('./speech-synthesis/speech-synthesis.cjs'),
|
|
19
|
+
tableCell = require('./table-cell/table-cell.cjs'),
|
|
20
|
+
htmlToJson = require('./transform/html-to-json/html-to-json.cjs'),
|
|
21
|
+
jsonToHtml = require('./transform/json-to-html/json-to-html.cjs'),
|
|
22
|
+
video = require('./video/video.cjs');
|
|
23
|
+
exports.Abbr = abbr.Abbr;
|
|
24
|
+
exports.Alert = alert.Alert;
|
|
25
|
+
exports.Attachment = attachment.Attachment;
|
|
26
|
+
exports.Audio = audio.Audio;
|
|
27
|
+
exports.FontSize = fontSize.FontSize;
|
|
28
|
+
exports.CustomHeading = heading.CustomHeading;
|
|
29
|
+
exports.CustomHighlight = highlight.CustomHighlight;
|
|
30
|
+
exports.Hyperlink = hyperlink.Hyperlink;
|
|
31
|
+
exports.Iframe = iframe.Iframe;
|
|
32
|
+
exports.CustomImage = customImage.CustomImage;
|
|
33
|
+
exports.IMAGE_INPUT_REGEX = customImage.IMAGE_INPUT_REGEX;
|
|
34
|
+
exports.LineHeight = lineHeight.LineHeight;
|
|
35
|
+
exports.Linker = linker.Linker;
|
|
36
|
+
exports.MathJax = mathjax.MathJax;
|
|
37
|
+
exports.Paragraph = paragraph.Paragraph;
|
|
38
|
+
exports.SpeechRecognition = speechRecognition.SpeechRecognition;
|
|
39
|
+
exports.SpeechSynthesis = speechSynthesis.SpeechSynthesis;
|
|
40
|
+
exports.TableCell = tableCell.TableCell;
|
|
41
|
+
exports.htmlToJson = htmlToJson;
|
|
42
|
+
exports.jsonToHtml = jsonToHtml;
|
|
43
|
+
exports.Video = video.Video;
|
|
44
|
+
//# sourceMappingURL=index.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
export * from './abbr';
|
|
2
|
+
export * from './alert';
|
|
3
|
+
export * from './attachment';
|
|
4
|
+
export * from './audio';
|
|
5
|
+
export * from './font-size';
|
|
6
|
+
export * from './heading';
|
|
7
|
+
export * from './highlight';
|
|
8
|
+
export * from './hyperlink';
|
|
9
|
+
export * from './iframe';
|
|
10
|
+
export * from './image';
|
|
11
|
+
export * from './line-height';
|
|
12
|
+
export * from './linker';
|
|
13
|
+
export * from './mathjax';
|
|
14
|
+
export * from './paragraph';
|
|
15
|
+
export * from './speech-recognition';
|
|
16
|
+
export * from './speech-synthesis';
|
|
17
|
+
export * from './table-cell';
|
|
18
|
+
export * from './transform';
|
|
19
|
+
export * from './video';
|
package/dist/index.js
ADDED
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import { Abbr } from './abbr/abbr.js';
|
|
2
|
+
import { Alert } from './alert/alert.js';
|
|
3
|
+
import { Attachment } from './attachment/attachment.js';
|
|
4
|
+
import { Audio } from './audio/audio.js';
|
|
5
|
+
import { FontSize } from './font-size/font-size.js';
|
|
6
|
+
import { CustomHeading } from './heading/heading.js';
|
|
7
|
+
import { CustomHighlight } from './highlight/highlight.js';
|
|
8
|
+
import { Hyperlink } from './hyperlink/hyperlink.js';
|
|
9
|
+
import { Iframe } from './iframe/iframe.js';
|
|
10
|
+
import { CustomImage, IMAGE_INPUT_REGEX } from './image/custom-image.js';
|
|
11
|
+
import { LineHeight } from './line-height/line-height.js';
|
|
12
|
+
import { Linker } from './linker/linker.js';
|
|
13
|
+
import { MathJax } from './mathjax/mathjax.js';
|
|
14
|
+
import { Paragraph } from './paragraph/paragraph.js';
|
|
15
|
+
import { SpeechRecognition } from './speech-recognition/speech-recognition.js';
|
|
16
|
+
import { SpeechSynthesis } from './speech-synthesis/speech-synthesis.js';
|
|
17
|
+
import { TableCell } from './table-cell/table-cell.js';
|
|
18
|
+
import { default as default2 } from './transform/html-to-json/html-to-json.js';
|
|
19
|
+
import { default as default3 } from './transform/json-to-html/json-to-html.js';
|
|
20
|
+
import { Video } from './video/video.js';
|
|
21
|
+
export {
|
|
22
|
+
Abbr,
|
|
23
|
+
Alert,
|
|
24
|
+
Attachment,
|
|
25
|
+
Audio,
|
|
26
|
+
CustomHeading,
|
|
27
|
+
CustomHighlight,
|
|
28
|
+
CustomImage,
|
|
29
|
+
FontSize,
|
|
30
|
+
Hyperlink,
|
|
31
|
+
IMAGE_INPUT_REGEX,
|
|
32
|
+
Iframe,
|
|
33
|
+
LineHeight,
|
|
34
|
+
Linker,
|
|
35
|
+
MathJax,
|
|
36
|
+
Paragraph,
|
|
37
|
+
SpeechRecognition,
|
|
38
|
+
SpeechSynthesis,
|
|
39
|
+
TableCell,
|
|
40
|
+
Video,
|
|
41
|
+
default2 as htmlToJson,
|
|
42
|
+
default3 as jsonToHtml,
|
|
43
|
+
};
|
|
44
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
3
|
+
require('@tiptap/extension-text-style');
|
|
4
|
+
const core = require('@tiptap/core'),
|
|
5
|
+
LineHeight = core.Extension.create({
|
|
6
|
+
name: 'lineHeight',
|
|
7
|
+
addOptions() {
|
|
8
|
+
return { types: ['textStyle'] };
|
|
9
|
+
},
|
|
10
|
+
addGlobalAttributes() {
|
|
11
|
+
return [
|
|
12
|
+
{
|
|
13
|
+
types: this.options.types,
|
|
14
|
+
attributes: {
|
|
15
|
+
lineHeight: {
|
|
16
|
+
default: null,
|
|
17
|
+
parseHTML: (element) => {
|
|
18
|
+
var _a;
|
|
19
|
+
return (_a = element.style.lineHeight) == null
|
|
20
|
+
? void 0
|
|
21
|
+
: _a.replace(/['"]+/g, '');
|
|
22
|
+
},
|
|
23
|
+
renderHTML: (attributes) =>
|
|
24
|
+
attributes.lineHeight
|
|
25
|
+
? { style: `line-height: ${attributes.lineHeight}` }
|
|
26
|
+
: {},
|
|
27
|
+
},
|
|
28
|
+
},
|
|
29
|
+
},
|
|
30
|
+
];
|
|
31
|
+
},
|
|
32
|
+
});
|
|
33
|
+
exports.LineHeight = LineHeight;
|
|
34
|
+
//# sourceMappingURL=line-height.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"line-height.cjs","sources":["../../src/line-height/line-height.ts"],"sourcesContent":["import '@tiptap/extension-text-style';\n\nimport { Extension } from '@tiptap/core';\n\nexport const LineHeight = Extension.create({\n name: 'lineHeight',\n\n addOptions() {\n return {\n types: ['textStyle'],\n };\n },\n\n addGlobalAttributes() {\n return [\n {\n types: this.options.types,\n attributes: {\n lineHeight: {\n default: null,\n parseHTML: (element) =>\n element.style.lineHeight?.replace(/['\"]+/g, ''),\n renderHTML: (attributes) => {\n if (!attributes.lineHeight) {\n return {};\n }\n\n return {\n style: `line-height: ${attributes.lineHeight}`,\n };\n },\n },\n },\n },\n ];\n },\n});\n"],"names":["Extension"],"mappings":"2JAIa,WAAaA,eAAU,OAAO,CACzC,KAAM,aAEN,YAAa,CACJ,MAAA,CACL,MAAO,CAAC,WAAW,CAAA,CAEvB,EAEA,qBAAsB,CACb,MAAA,CACL,CACE,MAAO,KAAK,QAAQ,MACpB,WAAY,CACV,WAAY,CACV,QAAS,KACT,UAAY,SACV,QAAA,kBAAQ,MAAM,aAAd,eAA0B,QAAQ,SAAU,KAC9C,WAAa,YACN,WAAW,WAIT,CACL,MAAO,gBAAgB,WAAW,UAAU,EAAA,EAJrC,EAOb,CACF,CACF,CAAA,CAEJ,CACF,CAAC"}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import '@tiptap/extension-text-style';
|
|
2
|
+
import { Extension } from '@tiptap/core';
|
|
3
|
+
const LineHeight = Extension.create({
|
|
4
|
+
name: 'lineHeight',
|
|
5
|
+
addOptions() {
|
|
6
|
+
return {
|
|
7
|
+
types: ['textStyle'],
|
|
8
|
+
};
|
|
9
|
+
},
|
|
10
|
+
addGlobalAttributes() {
|
|
11
|
+
return [
|
|
12
|
+
{
|
|
13
|
+
types: this.options.types,
|
|
14
|
+
attributes: {
|
|
15
|
+
lineHeight: {
|
|
16
|
+
default: null,
|
|
17
|
+
parseHTML: (element) => {
|
|
18
|
+
var _a;
|
|
19
|
+
return (_a = element.style.lineHeight) == null
|
|
20
|
+
? void 0
|
|
21
|
+
: _a.replace(/['"]+/g, '');
|
|
22
|
+
},
|
|
23
|
+
renderHTML: (attributes) =>
|
|
24
|
+
attributes.lineHeight
|
|
25
|
+
? {
|
|
26
|
+
style: `line-height: ${attributes.lineHeight}`,
|
|
27
|
+
}
|
|
28
|
+
: {},
|
|
29
|
+
},
|
|
30
|
+
},
|
|
31
|
+
},
|
|
32
|
+
];
|
|
33
|
+
},
|
|
34
|
+
});
|
|
35
|
+
export { LineHeight };
|
|
36
|
+
//# sourceMappingURL=line-height.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"line-height.js","sources":["../../src/line-height/line-height.ts"],"sourcesContent":["import '@tiptap/extension-text-style';\n\nimport { Extension } from '@tiptap/core';\n\nexport const LineHeight = Extension.create({\n name: 'lineHeight',\n\n addOptions() {\n return {\n types: ['textStyle'],\n };\n },\n\n addGlobalAttributes() {\n return [\n {\n types: this.options.types,\n attributes: {\n lineHeight: {\n default: null,\n parseHTML: (element) =>\n element.style.lineHeight?.replace(/['\"]+/g, ''),\n renderHTML: (attributes) => {\n if (!attributes.lineHeight) {\n return {};\n }\n\n return {\n style: `line-height: ${attributes.lineHeight}`,\n };\n },\n },\n },\n },\n ];\n },\n});\n"],"names":[],"mappings":";;AAIa,MAAA,aAAa,UAAU,OAAO;AAAA,EACzC,MAAM;AAAA,EAEN,aAAa;AACJ,WAAA;AAAA,MACL,OAAO,CAAC,WAAW;AAAA,IAAA;AAAA,EAEvB;AAAA,EAEA,sBAAsB;AACb,WAAA;AAAA,MACL;AAAA,QACE,OAAO,KAAK,QAAQ;AAAA,QACpB,YAAY;AAAA,UACV,YAAY;AAAA,YACV,SAAS;AAAA,YACT,WAAW,CAAC,YACV;;AAAA,mCAAQ,MAAM,eAAd,mBAA0B,QAAQ,UAAU;AAAA;AAAA,YAC9C,YAAY,CAAC,eACN,WAAW,aAIT;AAAA,cACL,OAAO,gBAAgB,WAAW,UAAU;AAAA,YAAA,IAJrC;UAOb;AAAA,QACF;AAAA,MACF;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;"}
|