@tailor-cms/ce-html-edit 0.1.4 → 0.1.6
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/dist/components/extensions/index.d.ts +1 -1
- package/dist/index.cjs +35 -57
- package/dist/index.css +1 -1
- package/dist/index.js +35 -57
- package/package.json +2 -2
- package/dist/components/extensions/paragraph.d.ts +0 -2
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const _default: (import("@tiptap/core").Mark<any, any> | import("@tiptap/core").Extension<any, any> | import("@tiptap/core").Node<import("@tiptap/extension-
|
|
1
|
+
declare const _default: (import("@tiptap/core").Mark<any, any> | import("@tiptap/core").Extension<any, any> | import("@tiptap/core").Node<import("@tiptap/extension-table-cell").TableCellOptions, any>)[];
|
|
2
2
|
export default _default;
|
package/dist/index.cjs
CHANGED
|
@@ -20060,6 +20060,37 @@ var OfficePastePlugin = new Plugin({
|
|
|
20060
20060
|
}
|
|
20061
20061
|
});
|
|
20062
20062
|
var index_default = OfficePaste;
|
|
20063
|
+
const Paragraph = Node2.create({
|
|
20064
|
+
name: "paragraph",
|
|
20065
|
+
priority: 1e3,
|
|
20066
|
+
addOptions() {
|
|
20067
|
+
return {
|
|
20068
|
+
HTMLAttributes: {}
|
|
20069
|
+
};
|
|
20070
|
+
},
|
|
20071
|
+
group: "block",
|
|
20072
|
+
content: "inline*",
|
|
20073
|
+
parseHTML() {
|
|
20074
|
+
return [
|
|
20075
|
+
{ tag: "p" }
|
|
20076
|
+
];
|
|
20077
|
+
},
|
|
20078
|
+
renderHTML({ HTMLAttributes }) {
|
|
20079
|
+
return ["p", mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0];
|
|
20080
|
+
},
|
|
20081
|
+
addCommands() {
|
|
20082
|
+
return {
|
|
20083
|
+
setParagraph: () => ({ commands: commands2 }) => {
|
|
20084
|
+
return commands2.setNode(this.name);
|
|
20085
|
+
}
|
|
20086
|
+
};
|
|
20087
|
+
},
|
|
20088
|
+
addKeyboardShortcuts() {
|
|
20089
|
+
return {
|
|
20090
|
+
"Mod-Alt-0": () => this.editor.commands.setParagraph()
|
|
20091
|
+
};
|
|
20092
|
+
}
|
|
20093
|
+
});
|
|
20063
20094
|
const Placeholder = Extension.create({
|
|
20064
20095
|
name: "placeholder",
|
|
20065
20096
|
addOptions() {
|
|
@@ -21861,37 +21892,6 @@ const OrderedList = Node2.create({
|
|
|
21861
21892
|
];
|
|
21862
21893
|
}
|
|
21863
21894
|
});
|
|
21864
|
-
const Paragraph$1 = Node2.create({
|
|
21865
|
-
name: "paragraph",
|
|
21866
|
-
priority: 1e3,
|
|
21867
|
-
addOptions() {
|
|
21868
|
-
return {
|
|
21869
|
-
HTMLAttributes: {}
|
|
21870
|
-
};
|
|
21871
|
-
},
|
|
21872
|
-
group: "block",
|
|
21873
|
-
content: "inline*",
|
|
21874
|
-
parseHTML() {
|
|
21875
|
-
return [
|
|
21876
|
-
{ tag: "p" }
|
|
21877
|
-
];
|
|
21878
|
-
},
|
|
21879
|
-
renderHTML({ HTMLAttributes }) {
|
|
21880
|
-
return ["p", mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0];
|
|
21881
|
-
},
|
|
21882
|
-
addCommands() {
|
|
21883
|
-
return {
|
|
21884
|
-
setParagraph: () => ({ commands: commands2 }) => {
|
|
21885
|
-
return commands2.setNode(this.name);
|
|
21886
|
-
}
|
|
21887
|
-
};
|
|
21888
|
-
},
|
|
21889
|
-
addKeyboardShortcuts() {
|
|
21890
|
-
return {
|
|
21891
|
-
"Mod-Alt-0": () => this.editor.commands.setParagraph()
|
|
21892
|
-
};
|
|
21893
|
-
}
|
|
21894
|
-
});
|
|
21895
21895
|
const inputRegex$1 = /(?:^|\s)(~~(?!\s+~~)((?:[^~]+))~~(?!\s+~~))$/;
|
|
21896
21896
|
const pasteRegex = /(?:^|\s)(~~(?!\s+~~)((?:[^~]+))~~(?!\s+~~))/g;
|
|
21897
21897
|
const Strike = Mark2.create({
|
|
@@ -22011,7 +22011,7 @@ const StarterKit = Extension.create({
|
|
|
22011
22011
|
extensions2.push(OrderedList.configure(this.options.orderedList));
|
|
22012
22012
|
}
|
|
22013
22013
|
if (this.options.paragraph !== false) {
|
|
22014
|
-
extensions2.push(Paragraph
|
|
22014
|
+
extensions2.push(Paragraph.configure(this.options.paragraph));
|
|
22015
22015
|
}
|
|
22016
22016
|
if (this.options.strike !== false) {
|
|
22017
22017
|
extensions2.push(Strike.configure(this.options.strike));
|
|
@@ -26396,27 +26396,6 @@ const Link = Link$1.extend({
|
|
|
26396
26396
|
};
|
|
26397
26397
|
}
|
|
26398
26398
|
});
|
|
26399
|
-
const Paragraph = Paragraph$1.extend({
|
|
26400
|
-
parseHTML() {
|
|
26401
|
-
return [{ tag: "div" }, { tag: "p" }, { tag: "span" }];
|
|
26402
|
-
},
|
|
26403
|
-
addGlobalAttributes() {
|
|
26404
|
-
return [
|
|
26405
|
-
{
|
|
26406
|
-
types: ["heading", "paragraph"],
|
|
26407
|
-
attributes: {
|
|
26408
|
-
class: {
|
|
26409
|
-
default: null,
|
|
26410
|
-
parseHTML: (element) => element.getAttribute("class"),
|
|
26411
|
-
renderHTML(attributes) {
|
|
26412
|
-
return { class: attributes.class };
|
|
26413
|
-
}
|
|
26414
|
-
}
|
|
26415
|
-
}
|
|
26416
|
-
}
|
|
26417
|
-
];
|
|
26418
|
-
}
|
|
26419
|
-
});
|
|
26420
26399
|
const Tooltip = Mark2.create({
|
|
26421
26400
|
name: "tooltip",
|
|
26422
26401
|
keepOnSplit: false,
|
|
@@ -27958,7 +27937,7 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
|
|
|
27958
27937
|
vue.createVNode(_component_VTooltip, { location: "bottom" }, {
|
|
27959
27938
|
activator: vue.withCtx(({ props: tooltip }) => [
|
|
27960
27939
|
vue.createVNode(_component_VBtn, vue.mergeProps({
|
|
27961
|
-
disabled: !_ctx.editor.can().chain().focus().setTextAlign().run(),
|
|
27940
|
+
disabled: !_ctx.editor.can().chain().focus().setTextAlign("left").run(),
|
|
27962
27941
|
"aria-label": "Text align",
|
|
27963
27942
|
class: "pa-0",
|
|
27964
27943
|
"min-width": "46",
|
|
@@ -28004,7 +27983,6 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
|
|
|
28004
27983
|
return vue.createVNode(_component_VListItem, {
|
|
28005
27984
|
key: textAlign,
|
|
28006
27985
|
active: _ctx.editor.isActive({ textAlign }),
|
|
28007
|
-
disabled: !_ctx.editor.can().chain().focus().setTextAlign().run(),
|
|
28008
27986
|
class: "px-2",
|
|
28009
27987
|
"min-height": "36",
|
|
28010
27988
|
rounded: "sm",
|
|
@@ -28029,7 +28007,7 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
|
|
|
28029
28007
|
}, 1024)
|
|
28030
28008
|
]),
|
|
28031
28009
|
_: 2
|
|
28032
|
-
}, 1032, ["active", "
|
|
28010
|
+
}, 1032, ["active", "onClick"]);
|
|
28033
28011
|
}), 64))
|
|
28034
28012
|
]),
|
|
28035
28013
|
_: 1
|
|
@@ -28040,7 +28018,7 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
|
|
|
28040
28018
|
};
|
|
28041
28019
|
}
|
|
28042
28020
|
});
|
|
28043
|
-
const TextAlign = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-
|
|
28021
|
+
const TextAlign = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-4dcb8515"]]);
|
|
28044
28022
|
const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
|
|
28045
28023
|
__name: "ColorPicker",
|
|
28046
28024
|
props: {
|
package/dist/index.css
CHANGED
|
@@ -196,7 +196,7 @@
|
|
|
196
196
|
margin-top: 0.125rem;
|
|
197
197
|
}.v-list-item + .v-list-item[data-v-70882e8a] {
|
|
198
198
|
margin-top: 0.125rem;
|
|
199
|
-
}.v-list-item + .v-list-item[data-v-
|
|
199
|
+
}.v-list-item + .v-list-item[data-v-4dcb8515] {
|
|
200
200
|
margin-top: 0.125rem;
|
|
201
201
|
}.mdi-color-helper[data-v-0b56d20a] {
|
|
202
202
|
position: absolute !important;
|
package/dist/index.js
CHANGED
|
@@ -20058,6 +20058,37 @@ var OfficePastePlugin = new Plugin({
|
|
|
20058
20058
|
}
|
|
20059
20059
|
});
|
|
20060
20060
|
var index_default = OfficePaste;
|
|
20061
|
+
const Paragraph = Node2.create({
|
|
20062
|
+
name: "paragraph",
|
|
20063
|
+
priority: 1e3,
|
|
20064
|
+
addOptions() {
|
|
20065
|
+
return {
|
|
20066
|
+
HTMLAttributes: {}
|
|
20067
|
+
};
|
|
20068
|
+
},
|
|
20069
|
+
group: "block",
|
|
20070
|
+
content: "inline*",
|
|
20071
|
+
parseHTML() {
|
|
20072
|
+
return [
|
|
20073
|
+
{ tag: "p" }
|
|
20074
|
+
];
|
|
20075
|
+
},
|
|
20076
|
+
renderHTML({ HTMLAttributes }) {
|
|
20077
|
+
return ["p", mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0];
|
|
20078
|
+
},
|
|
20079
|
+
addCommands() {
|
|
20080
|
+
return {
|
|
20081
|
+
setParagraph: () => ({ commands: commands2 }) => {
|
|
20082
|
+
return commands2.setNode(this.name);
|
|
20083
|
+
}
|
|
20084
|
+
};
|
|
20085
|
+
},
|
|
20086
|
+
addKeyboardShortcuts() {
|
|
20087
|
+
return {
|
|
20088
|
+
"Mod-Alt-0": () => this.editor.commands.setParagraph()
|
|
20089
|
+
};
|
|
20090
|
+
}
|
|
20091
|
+
});
|
|
20061
20092
|
const Placeholder = Extension.create({
|
|
20062
20093
|
name: "placeholder",
|
|
20063
20094
|
addOptions() {
|
|
@@ -21859,37 +21890,6 @@ const OrderedList = Node2.create({
|
|
|
21859
21890
|
];
|
|
21860
21891
|
}
|
|
21861
21892
|
});
|
|
21862
|
-
const Paragraph$1 = Node2.create({
|
|
21863
|
-
name: "paragraph",
|
|
21864
|
-
priority: 1e3,
|
|
21865
|
-
addOptions() {
|
|
21866
|
-
return {
|
|
21867
|
-
HTMLAttributes: {}
|
|
21868
|
-
};
|
|
21869
|
-
},
|
|
21870
|
-
group: "block",
|
|
21871
|
-
content: "inline*",
|
|
21872
|
-
parseHTML() {
|
|
21873
|
-
return [
|
|
21874
|
-
{ tag: "p" }
|
|
21875
|
-
];
|
|
21876
|
-
},
|
|
21877
|
-
renderHTML({ HTMLAttributes }) {
|
|
21878
|
-
return ["p", mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0];
|
|
21879
|
-
},
|
|
21880
|
-
addCommands() {
|
|
21881
|
-
return {
|
|
21882
|
-
setParagraph: () => ({ commands: commands2 }) => {
|
|
21883
|
-
return commands2.setNode(this.name);
|
|
21884
|
-
}
|
|
21885
|
-
};
|
|
21886
|
-
},
|
|
21887
|
-
addKeyboardShortcuts() {
|
|
21888
|
-
return {
|
|
21889
|
-
"Mod-Alt-0": () => this.editor.commands.setParagraph()
|
|
21890
|
-
};
|
|
21891
|
-
}
|
|
21892
|
-
});
|
|
21893
21893
|
const inputRegex$1 = /(?:^|\s)(~~(?!\s+~~)((?:[^~]+))~~(?!\s+~~))$/;
|
|
21894
21894
|
const pasteRegex = /(?:^|\s)(~~(?!\s+~~)((?:[^~]+))~~(?!\s+~~))/g;
|
|
21895
21895
|
const Strike = Mark2.create({
|
|
@@ -22009,7 +22009,7 @@ const StarterKit = Extension.create({
|
|
|
22009
22009
|
extensions2.push(OrderedList.configure(this.options.orderedList));
|
|
22010
22010
|
}
|
|
22011
22011
|
if (this.options.paragraph !== false) {
|
|
22012
|
-
extensions2.push(Paragraph
|
|
22012
|
+
extensions2.push(Paragraph.configure(this.options.paragraph));
|
|
22013
22013
|
}
|
|
22014
22014
|
if (this.options.strike !== false) {
|
|
22015
22015
|
extensions2.push(Strike.configure(this.options.strike));
|
|
@@ -26394,27 +26394,6 @@ const Link = Link$1.extend({
|
|
|
26394
26394
|
};
|
|
26395
26395
|
}
|
|
26396
26396
|
});
|
|
26397
|
-
const Paragraph = Paragraph$1.extend({
|
|
26398
|
-
parseHTML() {
|
|
26399
|
-
return [{ tag: "div" }, { tag: "p" }, { tag: "span" }];
|
|
26400
|
-
},
|
|
26401
|
-
addGlobalAttributes() {
|
|
26402
|
-
return [
|
|
26403
|
-
{
|
|
26404
|
-
types: ["heading", "paragraph"],
|
|
26405
|
-
attributes: {
|
|
26406
|
-
class: {
|
|
26407
|
-
default: null,
|
|
26408
|
-
parseHTML: (element) => element.getAttribute("class"),
|
|
26409
|
-
renderHTML(attributes) {
|
|
26410
|
-
return { class: attributes.class };
|
|
26411
|
-
}
|
|
26412
|
-
}
|
|
26413
|
-
}
|
|
26414
|
-
}
|
|
26415
|
-
];
|
|
26416
|
-
}
|
|
26417
|
-
});
|
|
26418
26397
|
const Tooltip = Mark2.create({
|
|
26419
26398
|
name: "tooltip",
|
|
26420
26399
|
keepOnSplit: false,
|
|
@@ -27956,7 +27935,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
|
|
|
27956
27935
|
createVNode(_component_VTooltip, { location: "bottom" }, {
|
|
27957
27936
|
activator: withCtx(({ props: tooltip }) => [
|
|
27958
27937
|
createVNode(_component_VBtn, mergeProps({
|
|
27959
|
-
disabled: !_ctx.editor.can().chain().focus().setTextAlign().run(),
|
|
27938
|
+
disabled: !_ctx.editor.can().chain().focus().setTextAlign("left").run(),
|
|
27960
27939
|
"aria-label": "Text align",
|
|
27961
27940
|
class: "pa-0",
|
|
27962
27941
|
"min-width": "46",
|
|
@@ -28002,7 +27981,6 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
|
|
|
28002
27981
|
return createVNode(_component_VListItem, {
|
|
28003
27982
|
key: textAlign,
|
|
28004
27983
|
active: _ctx.editor.isActive({ textAlign }),
|
|
28005
|
-
disabled: !_ctx.editor.can().chain().focus().setTextAlign().run(),
|
|
28006
27984
|
class: "px-2",
|
|
28007
27985
|
"min-height": "36",
|
|
28008
27986
|
rounded: "sm",
|
|
@@ -28027,7 +28005,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
|
|
|
28027
28005
|
}, 1024)
|
|
28028
28006
|
]),
|
|
28029
28007
|
_: 2
|
|
28030
|
-
}, 1032, ["active", "
|
|
28008
|
+
}, 1032, ["active", "onClick"]);
|
|
28031
28009
|
}), 64))
|
|
28032
28010
|
]),
|
|
28033
28011
|
_: 1
|
|
@@ -28038,7 +28016,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
|
|
|
28038
28016
|
};
|
|
28039
28017
|
}
|
|
28040
28018
|
});
|
|
28041
|
-
const TextAlign = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-
|
|
28019
|
+
const TextAlign = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-4dcb8515"]]);
|
|
28042
28020
|
const _sfc_main$5 = /* @__PURE__ */ defineComponent({
|
|
28043
28021
|
__name: "ColorPicker",
|
|
28044
28022
|
props: {
|
package/package.json
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
"description": "Tailor CMS HTML editor authoring component",
|
|
4
4
|
"author": "Studion <info@gostudion.com> (https://github.com/tailor-cms)",
|
|
5
5
|
"type": "module",
|
|
6
|
-
"version": "0.1.
|
|
6
|
+
"version": "0.1.6",
|
|
7
7
|
"exports": {
|
|
8
8
|
".": {
|
|
9
9
|
"import": "./dist/index.js",
|
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
"typescript": "^5.8.3",
|
|
27
27
|
"vite": "^7.0.3",
|
|
28
28
|
"vue-tsc": "^3.0.1",
|
|
29
|
-
"@tailor-cms/ce-html-manifest": "0.1.
|
|
29
|
+
"@tailor-cms/ce-html-manifest": "0.1.6"
|
|
30
30
|
},
|
|
31
31
|
"dependencies": {
|
|
32
32
|
"@intevation/tiptap-extension-office-paste": "^0.1.2",
|