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
64 lines (63 loc) • 4.43 kB
JavaScript
"use strict";;/* empty css */;/* empty css */const i=require("./HTMLEditor.cjs"),l=require("./src/plugins/TablePlugin/index.cjs"),u=require("./src/plugins/ToolbarPlugin/index.cjs"),r=require("./src/plugins/ImagePlugin/index.cjs"),d=require("./src/plugins/BlockPlugin/index.cjs"),o=require("./src/plugins/HTMLViewerPlugin/index.cjs"),s=require("./src/plugins/CodeBlockPlugin/index.cjs"),c=require("./src/plugins/TemplatesPlugin/index.cjs"),a=require("./src/plugins/ExportPlugin/index.cjs"),b=require("./src/plugins/HistoryPlugin/index.cjs"),g=require("./src/plugins/ChartsPlugin/index.cjs"),w=require("./src/plugins/FileUploadPlugin/index.cjs"),q=require("./src/plugins/ShortcutsPlugin/index.cjs"),x=require("./src/plugins/ColorPlugin/index.cjs"),P=require("./src/plugins/TypographyPlugin/index.cjs"),n=require("./src/plugins/ToolbarDividerPlugin/index.cjs"),C=require("./src/plugins/ListsPlugin/index.cjs"),$=require("./src/plugins/CommentsPlugin/index.cjs"),m=require("./src/plugins/FooterPlugin/index.cjs"),T=require("./src/plugins/FootnotesPlugin/index.cjs"),p=require("./src/plugins/ResponsivePlugin/index.cjs"),y=require("./src/plugins/LinkPlugin/index.cjs"),h=require("./src/plugins/VideoPlugin/index.cjs"),v=require("./src/plugins/YouTubeVideoPlugin/index.cjs"),E=require("./src/plugins/FontPlugin/index.cjs"),L=require("./src/plugins/AlignmentPlugin/index.cjs"),k=require("./src/plugins/CollaborationPlugin/index.cjs"),F=require("./src/plugins/FormBuilderPlugin/index.cjs"),B=require("./src/plugins/SpellCheckerPlugin/index.cjs"),H=require("./src/plugins/BlockStylePlugin/index.cjs"),M=require("./src/plugins/MathPlugin/index.cjs"),S=require("./src/plugins/AIAssistantPlugin/index.cjs");document.addEventListener("DOMContentLoaded",async()=>{const t=document.getElementById("editor");if(t){const e=new i.HTMLEditor(t);e.use(new u.ToolbarPlugin),e.use(new b.HistoryPlugin),e.use(new n.ToolbarDividerPlugin),e.use(new L.AlignmentPlugin),e.use(new n.ToolbarDividerPlugin),e.use(new E.FontPlugin),e.use(new n.ToolbarDividerPlugin),e.use(new l.TablePlugin),e.use(new r.ImagePlugin),e.use(new d.BlockPlugin),e.use(new o.HTMLViewerPlugin),e.use(new s.CodeBlockPlugin),e.use(new c.TemplatesPlugin),e.use(new a.ExportPlugin),e.use(new g.ChartsPlugin),e.use(new x.ColorPlugin),e.use(new P.TypographyPlugin),e.use(new C.ListsPlugin),e.use(new $.CommentsPlugin),e.use(new T.FootnotesPlugin),e.use(new m.FooterPlugin),e.use(new p.ResponsivePlugin),e.use(new y.LinkPlugin),e.use(new h.VideoPlugin),e.use(new v.YouTubeVideoPlugin),e.use(new q.ShortcutsPlugin),e.use(new F.FormBuilderPlugin),e.use(new B.SpellCheckerPlugin),e.use(new H.BlockStylePlugin),e.use(new M.MathPlugin),e.use(new S.AIAssistantPlugin),e.use(new k.CollaborationPlugin({serverUrl:"ws://localhost:8080",autoStart:!0})),e.use(new w.FileUploadPlugin({useEmulation:!0,maxFileSize:10*1024*1024,allowedTypes:["*/*"]})),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>`)}});