on-codemerge/dist/main.cjs

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

/*! on-codemerge v1.3.1 @author Pavel Kuzmin @license MIT @homepage https://s00d.github.io/on-codemerge/ @repository git+https://github.com/s00d/on-codemerge.git Copyright (c) 2026 Pavel Kuzmin - Built on 2026-07-02T13:39:17.947Z */
"use strict";;/* empty css                 */;/* empty css                  */const r=require("./HTMLEditor.cjs"),u=require("./src/plugins/ToolbarPlugin/index.cjs"),n=require("./src/plugins/ToolbarDividerPlugin/index.cjs"),c=require("./src/plugins/AlignmentPlugin/index.cjs"),o=require("./src/plugins/TablePlugin/index.cjs"),b=require("./src/plugins/ImagePlugin/index.cjs"),v=require("./src/plugins/BlockPlugin/index.cjs"),w=require("./src/plugins/HTMLViewerPlugin/index.cjs"),g=require("./src/plugins/CodeBlockPlugin/index.cjs"),x=require("./src/plugins/TemplatesPlugin/index.cjs"),q=require("./src/plugins/ExportPlugin/index.cjs"),P=require("./src/plugins/HistoryPlugin/index.cjs"),$=require("./src/plugins/ChartsPlugin/index.cjs"),C=require("./src/plugins/ShortcutsPlugin/index.cjs"),h=require("./src/plugins/ColorPlugin/index.cjs"),m=require("./src/plugins/TypographyPlugin/index.cjs"),p=require("./src/plugins/ListsPlugin/index.cjs"),T=require("./src/plugins/CommentsPlugin/index.cjs"),E=require("./src/plugins/FootnotesPlugin/index.cjs"),L=require("./src/plugins/FooterPlugin/index.cjs"),y=require("./src/plugins/ResponsivePlugin/index.cjs"),B=require("./src/plugins/LinkPlugin/index.cjs"),k=require("./src/plugins/VideoPlugin/index.cjs"),M=require("./src/plugins/YouTubeVideoPlugin/index.cjs"),F=require("./src/plugins/FileUploadPlugin/index.cjs"),H=require("./src/plugins/FontPlugin/index.cjs"),D=require("./src/plugins/CollaborationPlugin/index.cjs"),S=require("./src/plugins/FormBuilderPlugin/index.cjs"),f=require("./src/plugins/SpellCheckerPlugin/index.cjs"),A=require("./src/plugins/BlockStylePlugin/index.cjs"),I=require("./src/plugins/MathPlugin/index.cjs"),R=require("./src/plugins/AIAssistantPlugin/index.cjs"),V=require("./src/plugins/LanguagePlugin/index.cjs"),z=require("./src/plugins/CalendarPlugin/index.cjs"),U=require("./src/plugins/TimerPlugin/index.cjs"),j=require("./src/plugins/PDFEmbedPlugin/index.cjs"),N=require("./src/plugins/MentionsPlugin/index.cjs"),O=require("./src/plugins/TrackChangesPlugin/index.cjs"),Y=require("./src/plugins/AnchorLinkPlugin/index.cjs");document.addEventListener("DOMContentLoaded",async()=>{var t;const l=document.getElementById("app");if(l){const e=new r.HTMLEditor(l,{mode:"shadowRoot"});e.use(new u.ToolbarPlugin),e.use(new P.HistoryPlugin),e.use(new n.ToolbarDividerPlugin),e.use(new c.AlignmentPlugin),e.use(new n.ToolbarDividerPlugin),e.use(new H.FontPlugin),e.use(new n.ToolbarDividerPlugin),e.use(new o.TablePlugin),e.use(new b.ImagePlugin),e.use(new v.BlockPlugin),e.use(new w.HTMLViewerPlugin),e.use(new g.CodeBlockPlugin),e.use(new x.TemplatesPlugin),e.use(new q.ExportPlugin),e.use(new $.ChartsPlugin),e.use(new h.ColorPlugin),e.use(new m.TypographyPlugin),e.use(new p.ListsPlugin),e.use(new T.CommentsPlugin),e.use(new E.FootnotesPlugin),e.use(new L.FooterPlugin),e.use(new y.ResponsivePlugin),e.use(new B.LinkPlugin),e.use(new k.VideoPlugin),e.use(new M.YouTubeVideoPlugin),e.use(new C.ShortcutsPlugin),e.use(new S.FormBuilderPlugin),e.use(new f.SpellCheckerPlugin),e.use(new A.BlockStylePlugin),e.use(new I.MathPlugin),e.use(new R.AIAssistantPlugin),e.use(new z.CalendarPlugin),e.use(new U.TimerPlugin),e.use(new j.PDFEmbedPlugin),e.use(new N.MentionsPlugin),e.use(new O.TrackChangesPlugin),e.use(new Y.AnchorLinkPlugin),e.use(new D.CollaborationPlugin({serverUrl:"ws://localhost:8080",autoStart:!0})),e.use(new F.FileUploadPlugin({useEmulation:!0,maxFileSize:10*1024*1024,allowedTypes:["*/*"]})),e.use(new V.LanguagePlugin);const i=document.createElement("div");i.innerHTML=`
      <hr />
      <div>
        <h3>Result:</h3>
        <div id="result" class="result"></div>
      </div>
      <hr />
      <div>
        <h3>Preview:</h3>
        <div id="preview" class="preview"></div>
      </div>
    `,(t=l.parentNode)==null||t.insertBefore(i,l.nextSibling);const a=document.getElementById("result"),d=document.getElementById("preview");e.subscribeToContentChange(s=>{a&&(a.textContent=s),d&&(d.innerHTML=s)}),e.setHtml(`<div>1111
</div>
<div class="responsive-table html-editor-table">
  <div class="table-header-row">
    <div class="table-header-cell" contenteditable="true">Заголовок 1</div>
    <div class="table-header-cell" contenteditable="true">Заголовок 2</div>
    <div class="table-header-cell" contenteditable="true">Заголовок 3</div>
    <div class="table-header-cell" contenteditable="true">Заголовок 4</div>
    <div class="table-header-cell" contenteditable="true">Заголовок 5</div>
    <div class="table-header-cell" contenteditable="true">Заголовок 6</div>
  </div>
  <div class="table-row">
    <div class="table-cell" contenteditable="true" data-label="Заголовок 1">Cell 1 - 1</div>
    <div class="table-cell" contenteditable="true" data-label="Заголовок 2">Cell 1 - 2</div>
    <div class="table-cell" contenteditable="true" data-label="Заголовок 3">Cell 1 - 3</div>
    <div class="table-cell" contenteditable="true" data-label="Заголовок 4">Cell 1 - 4</div>
    <div class="table-cell" contenteditable="true" data-label="Заголовок 5">Cell 1 - 5</div>
    <div class="table-cell" contenteditable="true" data-label="Заголовок 6">Cell 1 - 6</div>
  </div>
  <div class="table-row">
    <div class="table-cell" contenteditable="true" data-label="Заголовок 1">Cell 2 - 1</div>
    <div class="table-cell" contenteditable="true" data-label="Заголовок 2">Cell 2 - 2</div>
    <div class="table-cell" contenteditable="true" data-label="Заголовок 3">Cell 2 - 3</div>
    <div class="table-cell" contenteditable="true" data-label="Заголовок 4">Cell 2 - 4</div>
    <div class="table-cell" contenteditable="true" data-label="Заголовок 5">Cell 2 - 5</div>
    <div class="table-cell" contenteditable="true" data-label="Заголовок 6">Cell 2 - 6</div>
  </div>
  <div class="table-row">
    <div class="table-cell" contenteditable="true" data-label="Заголовок 1">Cell 3 - 1</div>
    <div class="table-cell" contenteditable="true" data-label="Заголовок 2">Cell 3 - 2</div>
    <div class="table-cell" contenteditable="true" data-label="Заголовок 3">Cell 3 - 3</div>
    <div class="table-cell" contenteditable="true" data-label="Заголовок 4">Cell 3 - 4</div>
    <div class="table-cell" contenteditable="true" data-label="Заголовок 5">Cell 3 - 5</div>
    <div class="table-cell" contenteditable="true" data-label="Заголовок 6">Cell 3 - 6</div>
  </div>
  <div class="table-row">
    <div class="table-cell" contenteditable="true" data-label="Заголовок 1">Cell 4 - 1</div>
    <div class="table-cell" contenteditable="true" data-label="Заголовок 2">Cell 4 - 2</div>
    <div class="table-cell" contenteditable="true" data-label="Заголовок 3">Cell 4 - 3</div>
    <div class="table-cell" contenteditable="true" data-label="Заголовок 4">Cell 4 - 4</div>
    <div class="table-cell" contenteditable="true" data-label="Заголовок 5">Cell 4 - 5</div>
    <div class="table-cell" contenteditable="true" data-label="Заголовок 6">Cell 4 - 6</div>
  </div>
</div>
<br>`)}});