Ryan/docmost
1
0
Fork 0
mirror of https://github.com/docmost/docmost.git synced 2025-11-23 04:51:13 +10:00
Code Issues Packages Projects Releases Wiki Activity

fix editor file handling

Browse Source
This commit is contained in:
Philipinho
2024-06-22 03:33:54 +01:00
parent 2aec5a3fe7
commit df1840cf67
12 changed files with 71 additions and 75 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
packages/editor-ext/src/lib/video/video-upload.ts
View File

@ -6,9 +6,9 @@ import { MediaUploadOptions, UploadFn } from "../media-utils";
const uploadKey = new PluginKey("video-upload");
export const VideoUploadPlugin = ({
placeHolderClass,
placeholderClass,
}: {
placeHolderClass: string;
placeholderClass: string;
}) =>
new Plugin({
key: uploadKey,
@ -27,7 +27,7 @@ export const VideoUploadPlugin = ({
const placeholder = document.createElement("div");
placeholder.setAttribute("class", "video-placeholder");
const video = document.createElement("video");
video.setAttribute("class", placeHolderClass);
video.setAttribute("class", placeholderClass);
video.src = src;
placeholder.appendChild(video);
const deco = Decoration.widget(pos + 1, placeholder, {

17
packages/editor-ext/src/lib/video/video.ts
View File

@ -28,8 +28,6 @@ declare module "@tiptap/core" {
}
}
const VIDEO_INPUT_REGEX = /!\[(.+|:?)]\((\S+)(?:(?:\s+)["'](\S+)["'])?\)/;
export const TiptapVideo = Node.create<VideoOptions>({
name: "video",
@ -123,23 +121,10 @@ export const TiptapVideo = Node.create<VideoOptions>({
return ReactNodeViewRenderer(this.options.view);
},
addInputRules() {
return [
nodeInputRule({
find: VIDEO_INPUT_REGEX,
type: this.type,
getAttributes: (match) => {
const [, , src] = match;
return { src };
},
}),
];
},
addProseMirrorPlugins() {
return [
VideoUploadPlugin({
placeHolderClass: "video-upload",
placeholderClass: "video-upload",
}),
];
},