on-codemerge
Version:
A WYSIWYG editor for on-codemerge is a user-friendly interface that allows users to edit and view their code in real time, exactly as it will appear in the final product
120 lines (119 loc) • 5.05 kB
JavaScript
/* empty css */
/* empty css */
import { HTMLEditor as o } from "./HTMLEditor.mjs";
import { TablePlugin as l } from "./src/plugins/TablePlugin/index.mjs";
import { ToolbarPlugin as r } from "./src/plugins/ToolbarPlugin/index.mjs";
import { ImagePlugin as i } from "./src/plugins/ImagePlugin/index.mjs";
import { BlockPlugin as u } from "./src/plugins/BlockPlugin/index.mjs";
import { HTMLViewerPlugin as d } from "./src/plugins/HTMLViewerPlugin/index.mjs";
import { CodeBlockPlugin as m } from "./src/plugins/CodeBlockPlugin/index.mjs";
import { TemplatesPlugin as s } from "./src/plugins/TemplatesPlugin/index.mjs";
import { ExportPlugin as a } from "./src/plugins/ExportPlugin/index.mjs";
import { HistoryPlugin as p } from "./src/plugins/HistoryPlugin/index.mjs";
import { ChartsPlugin as w } from "./src/plugins/ChartsPlugin/index.mjs";
import { FileUploadPlugin as c } from "./src/plugins/FileUploadPlugin/index.mjs";
import { ShortcutsPlugin as b } from "./src/plugins/ShortcutsPlugin/index.mjs";
import { ColorPlugin as g } from "./src/plugins/ColorPlugin/index.mjs";
import { TypographyPlugin as f } from "./src/plugins/TypographyPlugin/index.mjs";
import { ToolbarDividerPlugin as t } from "./src/plugins/ToolbarDividerPlugin/index.mjs";
import { ListsPlugin as C } from "./src/plugins/ListsPlugin/index.mjs";
import { CommentsPlugin as P } from "./src/plugins/CommentsPlugin/index.mjs";
import { FooterPlugin as y } from "./src/plugins/FooterPlugin/index.mjs";
import { FootnotesPlugin as T } from "./src/plugins/FootnotesPlugin/index.mjs";
import { ResponsivePlugin as h } from "./src/plugins/ResponsivePlugin/index.mjs";
import { LinkPlugin as v } from "./src/plugins/LinkPlugin/index.mjs";
import { VideoPlugin as E } from "./src/plugins/VideoPlugin/index.mjs";
import { YouTubeVideoPlugin as F } from "./src/plugins/YouTubeVideoPlugin/index.mjs";
import { FontPlugin as L } from "./src/plugins/FontPlugin/index.mjs";
import { AlignmentPlugin as k } from "./src/plugins/AlignmentPlugin/index.mjs";
import { CollaborationPlugin as B } from "./src/plugins/CollaborationPlugin/index.mjs";
import { FormBuilderPlugin as S } from "./src/plugins/FormBuilderPlugin/index.mjs";
import { SpellCheckerPlugin as H } from "./src/plugins/SpellCheckerPlugin/index.mjs";
import { BlockStylePlugin as M } from "./src/plugins/BlockStylePlugin/index.mjs";
import { MathPlugin as A } from "./src/plugins/MathPlugin/index.mjs";
import { AIAssistantPlugin as I } from "./src/plugins/AIAssistantPlugin/index.mjs";
document.addEventListener("DOMContentLoaded", async () => {
const n = document.getElementById("editor");
if (n) {
const e = new o(n);
e.use(new r()), e.use(new p()), e.use(new t()), e.use(new k()), e.use(new t()), e.use(new L()), e.use(new t()), e.use(new l()), e.use(new i()), e.use(new u()), e.use(new d()), e.use(new m()), e.use(new s()), e.use(new a()), e.use(new w()), e.use(new g()), e.use(new f()), e.use(new C()), e.use(new P()), e.use(new T()), e.use(new y()), e.use(new h()), e.use(new v()), e.use(new E()), e.use(new F()), e.use(new b()), e.use(new S()), e.use(new H()), e.use(new M()), e.use(new A()), e.use(new I()), e.use(
new B({
serverUrl: "ws://localhost:8080",
autoStart: !0
})
), e.use(
new c({
// Configure with emulation by default
useEmulation: !0,
maxFileSize: 10 * 1024 * 1024,
// 10MB
allowedTypes: ["*/*"]
// Allow all file types
})
), e.setHtml(
`<div>1111
</div>
<table class="html-editor-table">
<tbody>
<tr>
<td contenteditable="true">Cell 1 - 1
</td>
<td contenteditable="true">Cell 1 - 2
</td>
<td contenteditable="true">Cell 1 - 3
</td>
<td contenteditable="true">Cell 1 - 4
</td>
<td contenteditable="true">Cell 1 - 5
</td>
<td contenteditable="true">Cell 1 - 6
</td>
</tr>
<tr>
<td contenteditable="true">Cell 2 - 1
</td>
<td contenteditable="true">Cell 2 - 2
</td>
<td contenteditable="true">Cell 2 - 3
</td>
<td contenteditable="true">Cell 2 - 4
</td>
<td contenteditable="true">Cell 2 - 5
</td>
<td contenteditable="true">Cell 2 - 6
</td>
</tr>
<tr>
<td contenteditable="true">Cell 3 - 1
</td>
<td contenteditable="true">Cell 3 - 2
</td>
<td contenteditable="true">Cell 3 - 3
</td>
<td contenteditable="true">Cell 3 - 4
</td>
<td contenteditable="true">Cell 3 - 5
</td>
<td contenteditable="true">Cell 3 - 6
</td>
</tr>
<tr>
<td contenteditable="true">Cell 4 - 1
</td>
<td contenteditable="true">Cell 4 - 2
</td>
<td contenteditable="true">Cell 4 - 3
</td>
<td contenteditable="true">Cell 4 - 4
</td>
<td contenteditable="true">Cell 4 - 5
</td>
<td contenteditable="true">Cell 4 - 6
</td>
</tr>
</tbody>
</table>
<br>`
);
}
});