1.0.1 • Published 2 years ago
ksv-wysiwyg v1.0.1
WYSIWYG
Demo: https://scd7896.github.io/wysiwyg/example/
.
Example
const wysiwyg = new WYSIWYG("#root", {
image: {
onUploadSingle: async (file: File) => {
const url = URL.createObjectURL(file);
return url;
},
},
});
wysiwyg.on("text:change", (value: string) => {
console.log(value);
});
const insertWantElement = document.createElement("div");
insertWantElement = "test Element";
wysiwyg.insertNode(insertWantElement);
WYSIWYG
class WYSIWYG {
undo: () => void;
redo: () => void;
insertNode: (element: HTMLElement) => void;
setRangeStyle: (style: Record<string, string>) => void;
on: (type: string, listener: Function) => void;
emit: (type: string, ...args: any[]) => void;
removeListener: (type: string, listener: Function) => void;
undoHistory: IDiff[][];
redoHistory: IDiff[][];
}
interface IDiff {
line: number;
value: string;
type: "insert" | "delete";
}
Event
name | function | description |
---|---|---|
text:change | (text: string) => void | board의 내용이 변경 될 때 마다 실행됩니다. |