@ones-editor/editor 2.2.0 → 2.2.2-beta.1

package/dist/index.js

@@ -36,7 +36,7 @@
 div.editor-root {
   --text-color: #303030;
   --primary-color: #0064ff;
-  --background-selection: #0064ff1A;
+  --background-selection: #0064ff1a;
   --background-code: #cdcdcd40;
 }
 div.editor-root {
@@ -175,7 +175,8 @@ div.editor-root div.editor-content div[data-type=editor-container] div[data-type
   /* border: 1px solid #BCBEC0; */
   background-color: var(--background-code);
   padding: 4px;
-  font: 0.8em Monaco, Consolas, "Andale  Mono", "DejaVu Sans Mono", monospace;
+  font-size: 0.8em;
+  font-family: Monaco, Consolas, "Andale  Mono", "DejaVu Sans Mono", monospace;
 }
 div.editor-root div.editor-content div[data-type=editor-container] div[data-type=editor-block] div[data-type=block-content] > span.text.style-sub, div.editor-root div.editor-content div[data-type=editor-container] div[data-type=editor-block] div[data-type=block-content] > span.inputting-insertion.style-sub {
   vertical-align: sub;
@@ -360,7 +361,7 @@ div.editor-root div.editor-content div[data-type=editor-container] div[data-type
   border-left: 4px solid #d4d6d9;
   color: #87888a;
 }
-div.editor-root div.editor-content div[data-type=editor-container] div[data-type=editor-block][data-style-quoted]:not([data-list-level]) {
+div.editor-root div.editor-content div[data-type=editor-container] div[data-type=editor-block][data-style-quoted]:not([data-list-level], [block-padding-level]) {
   padding-left: 8px;
 }
 div.editor-root div.editor-content div[data-type=editor-container] div[data-type=editor-block][data-style-heading="1"] {
@@ -2682,6 +2683,7 @@ div.editor-root div.editor-content div[data-type=editor-container] div[data-type
   color: var(--color-0);
 }
 div.editor-root div.editor-content div[data-type=editor-container] div[data-type=editor-block] div[data-type=block-content] img.mathjax {
+  flex-shrink: 0;
   -webkit-touch-callout: none;
 }
 div.editor-root.readonly div.editor-content div[data-type=editor-container] div[data-type=editor-block] div[data-type=block-content] img.mathjax {
@@ -6096,6 +6098,9 @@ div[data-command-bar-id=mobile-bottom-menu] .mobile-menu-wrap.editor-mention .co
   flex: 1;
   min-width: 0;
 }
+.editor-root [data-type=editor-container].root div[data-type=editor-block].callout-block .callout-root .callout-content > .child {
+  padding: 0;
+}
 .editor-root [data-type=editor-container].root div[data-type=editor-block].callout-block .callout-root .callout-content div[data-type=editor-block].list-block > div.list-container,
 .editor-root [data-type=editor-container].root div[data-type=editor-block].callout-block .callout-root .callout-content div[data-type=editor-block].list-block > div[data-type=block-content] {
   background-color: transparent;
@@ -7651,8 +7656,8 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 (function(global2, factory) {
-  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("kiwi-intl"), require("lodash.merge"), require("string-template"), require("nanoid"), require("events"), require("query-string"), require("js-base64"), require("snabbdom"), require("tiny-typed-emitter"), require("lodash.clonedeep"), require("lodash.isequal"), require("quill-delta"), require("lodash.debounce"), require("lodash.intersection"), require("axios"), require("ot-json1"), require("lodash.findlastindex"), require("reconnecting-websocket"), require("fast-sha256"), require("tippy.js"), require("blueimp-md5"), require("css-color-converter"), require("markmap-view"), require("mime-db"), require("prismjs"), require("prismjs/components/prism-c"), require("prismjs/components/prism-cpp"), require("prismjs/components/prism-abap"), require("prismjs/components/prism-arduino"), require("prismjs/components/prism-bash"), require("prismjs/components/prism-basic"), require("prismjs/components/prism-clojure"), require("prismjs/components/prism-coffeescript"), require("prismjs/components/prism-csharp"), require("prismjs/components/prism-css"), require("prismjs/components/prism-dart"), require("prismjs/components/prism-diff"), require("prismjs/components/prism-docker"), require("prismjs/components/prism-elixir"), require("prismjs/components/prism-elm"), require("prismjs/components/prism-erlang"), require("prismjs/components/prism-flow"), require("prismjs/components/prism-fortran"), require("prismjs/components/prism-fsharp"), require("prismjs/components/prism-gherkin"), require("prismjs/components/prism-glsl"), require("prismjs/components/prism-go"), require("prismjs/components/prism-graphql"), require("prismjs/components/prism-groovy"), require("prismjs/components/prism-haskell"), require("prismjs/components/prism-java"), require("prismjs/components/prism-javascript"), require("prismjs/components/prism-json"), require("prismjs/components/prism-julia"), require("prismjs/components/prism-kotlin"), require("prismjs/components/prism-latex"), require("prismjs/components/prism-less"), require("prismjs/components/prism-lisp"), require("prismjs/components/prism-livescript"), require("prismjs/components/prism-lua"), require("prismjs/components/prism-makefile"), require("prismjs/components/prism-markdown"), require("prismjs/components/prism-markup"), require("prismjs/components/prism-matlab"), require("prismjs/components/prism-mermaid"), require("prismjs/components/prism-nix"), require("prismjs/components/prism-objectivec"), require("prismjs/components/prism-ocaml"), require("prismjs/components/prism-pascal"), require("prismjs/components/prism-perl"), require("prismjs/components/prism-php"), require("prismjs/components/prism-powershell"), require("prismjs/components/prism-prolog"), require("prismjs/components/prism-protobuf"), require("prismjs/components/prism-python"), require("prismjs/components/prism-r"), require("prismjs/components/prism-reason"), require("prismjs/components/prism-ruby"), require("prismjs/components/prism-rust"), require("prismjs/components/prism-sass"), require("prismjs/components/prism-scala"), require("prismjs/components/prism-scheme"), require("prismjs/components/prism-scss"), require("prismjs/components/prism-solidity"), require("prismjs/components/prism-sql"), require("prismjs/components/prism-swift"), require("prismjs/components/prism-typescript"), require("prismjs/components/prism-vbnet"), require("prismjs/components/prism-verilog"), require("prismjs/components/prism-vhdl"), require("prismjs/components/prism-visual-basic"), require("prismjs/components/prism-wasm"), require("prismjs/components/prism-yaml"), require("@better-scroll/core"), require("dom-to-image"), require("lodash.throttle"), require("@guyplusplus/turndown-plugin-gfm"), require("marked"), require("plantuml-encoder"), require("docx")) : typeof define === "function" && define.amd ? define(["exports", "kiwi-intl", "lodash.merge", "string-template", "nanoid", "events", "query-string", "js-base64", "snabbdom", "tiny-typed-emitter", "lodash.clonedeep", "lodash.isequal", "quill-delta", "lodash.debounce", "lodash.intersection", "axios", "ot-json1", "lodash.findlastindex", "reconnecting-websocket", "fast-sha256", "tippy.js", "blueimp-md5", "css-color-converter", "markmap-view", "mime-db", "prismjs", "prismjs/components/prism-c", "prismjs/components/prism-cpp", "prismjs/components/prism-abap", "prismjs/components/prism-arduino", "prismjs/components/prism-bash", "prismjs/components/prism-basic", "prismjs/components/prism-clojure", "prismjs/components/prism-coffeescript", "prismjs/components/prism-csharp", "prismjs/components/prism-css", "prismjs/components/prism-dart", "prismjs/components/prism-diff", "prismjs/components/prism-docker", "prismjs/components/prism-elixir", "prismjs/components/prism-elm", "prismjs/components/prism-erlang", "prismjs/components/prism-flow", "prismjs/components/prism-fortran", "prismjs/components/prism-fsharp", "prismjs/components/prism-gherkin", "prismjs/components/prism-glsl", "prismjs/components/prism-go", "prismjs/components/prism-graphql", "prismjs/components/prism-groovy", "prismjs/components/prism-haskell", "prismjs/components/prism-java", "prismjs/components/prism-javascript", "prismjs/components/prism-json", "prismjs/components/prism-julia", "prismjs/components/prism-kotlin", "prismjs/components/prism-latex", "prismjs/components/prism-less", "prismjs/components/prism-lisp", "prismjs/components/prism-livescript", "prismjs/components/prism-lua", "prismjs/components/prism-makefile", "prismjs/components/prism-markdown", "prismjs/components/prism-markup", "prismjs/components/prism-matlab", "prismjs/components/prism-mermaid", "prismjs/components/prism-nix", "prismjs/components/prism-objectivec", "prismjs/components/prism-ocaml", "prismjs/components/prism-pascal", "prismjs/components/prism-perl", "prismjs/components/prism-php", "prismjs/components/prism-powershell", "prismjs/components/prism-prolog", "prismjs/components/prism-protobuf", "prismjs/components/prism-python", "prismjs/components/prism-r", "prismjs/components/prism-reason", "prismjs/components/prism-ruby", "prismjs/components/prism-rust", "prismjs/components/prism-sass", "prismjs/components/prism-scala", "prismjs/components/prism-scheme", "prismjs/components/prism-scss", "prismjs/components/prism-solidity", "prismjs/components/prism-sql", "prismjs/components/prism-swift", "prismjs/components/prism-typescript", "prismjs/components/prism-vbnet", "prismjs/components/prism-verilog", "prismjs/components/prism-vhdl", "prismjs/components/prism-visual-basic", "prismjs/components/prism-wasm", "prismjs/components/prism-yaml", "@better-scroll/core", "dom-to-image", "lodash.throttle", "@guyplusplus/turndown-plugin-gfm", "marked", "plantuml-encoder", "docx"], factory) : (global2 = typeof globalThis !== "undefined" ? globalThis : global2 || self, factory(global2["oneseditor-editor"] = {}, global2.KiwiIntl, global2.merge, global2.stringFormat, global2.nanoid$1, global2.events, global2.queryString, global2.jsBase64, global2.snabbdom, global2.tinyTypedEmitter, global2.cloneDeep, global2.isEqual, global2.Delta, global2.debounce, global2.intersection, global2.axios, global2.json1, global2.findLastIndex, global2.ReconnectingWebSocket, global2.sha256, global2.tippy$1, global2.md5, global2.cssColorConverter, global2.markmap, global2.mime, global2.Prism, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, global2.BetterScroll, global2.domToImage, global2.throttle$1, global2.turndownPluginGfm, global2.marked, global2.plantumlEncoder, global2.docx));
-})(this, function(exports2, KiwiIntl, merge, stringFormat, nanoid$1, events, queryString, jsBase64, snabbdom, tinyTypedEmitter, cloneDeep, isEqual, Delta, debounce, intersection, axios, json1, findLastIndex, ReconnectingWebSocket, sha256, tippy$1, md5, cssColorConverter, markmap, mime, Prism, prismC, prismCpp, prismAbap, prismArduino, prismBash, prismBasic, prismClojure, prismCoffeescript, prismCsharp, prismCss, prismDart, prismDiff, prismDocker, prismElixir, prismElm, prismErlang, prismFlow, prismFortran, prismFsharp, prismGherkin, prismGlsl, prismGo, prismGraphql, prismGroovy, prismHaskell, prismJava, prismJavascript, prismJson, prismJulia, prismKotlin, prismLatex, prismLess, prismLisp, prismLivescript, prismLua, prismMakefile, prismMarkdown, prismMarkup, prismMatlab, prismMermaid, prismNix, prismObjectivec, prismOcaml, prismPascal, prismPerl, prismPhp, prismPowershell, prismProlog, prismProtobuf, prismPython, prismR, prismReason, prismRuby, prismRust, prismSass, prismScala, prismScheme, prismScss, prismSolidity, prismSql, prismSwift, prismTypescript, prismVbnet, prismVerilog, prismVhdl, prismVisualBasic, prismWasm, prismYaml, BetterScroll, domToImage, throttle$1, turndownPluginGfm, marked, plantumlEncoder, docx) {
+  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("kiwi-intl"), require("lodash.merge"), require("string-template"), require("nanoid"), require("events"), require("query-string"), require("js-base64"), require("snabbdom"), require("lodash.clonedeep"), require("lodash.isequal"), require("quill-delta"), require("tiny-typed-emitter"), require("lodash.debounce"), require("lodash.intersection"), require("axios"), require("ot-json1"), require("lodash.findlastindex"), require("reconnecting-websocket"), require("fast-sha256"), require("tippy.js"), require("blueimp-md5"), require("css-color-converter"), require("markmap-view"), require("mime-db"), require("prismjs"), require("prismjs/components/prism-c"), require("prismjs/components/prism-cpp"), require("prismjs/components/prism-abap"), require("prismjs/components/prism-arduino"), require("prismjs/components/prism-bash"), require("prismjs/components/prism-basic"), require("prismjs/components/prism-clojure"), require("prismjs/components/prism-coffeescript"), require("prismjs/components/prism-csharp"), require("prismjs/components/prism-css"), require("prismjs/components/prism-dart"), require("prismjs/components/prism-diff"), require("prismjs/components/prism-docker"), require("prismjs/components/prism-elixir"), require("prismjs/components/prism-elm"), require("prismjs/components/prism-erlang"), require("prismjs/components/prism-flow"), require("prismjs/components/prism-fortran"), require("prismjs/components/prism-fsharp"), require("prismjs/components/prism-gherkin"), require("prismjs/components/prism-glsl"), require("prismjs/components/prism-go"), require("prismjs/components/prism-graphql"), require("prismjs/components/prism-groovy"), require("prismjs/components/prism-haskell"), require("prismjs/components/prism-java"), require("prismjs/components/prism-javascript"), require("prismjs/components/prism-json"), require("prismjs/components/prism-julia"), require("prismjs/components/prism-kotlin"), require("prismjs/components/prism-latex"), require("prismjs/components/prism-less"), require("prismjs/components/prism-lisp"), require("prismjs/components/prism-livescript"), require("prismjs/components/prism-lua"), require("prismjs/components/prism-makefile"), require("prismjs/components/prism-markdown"), require("prismjs/components/prism-markup"), require("prismjs/components/prism-matlab"), require("prismjs/components/prism-mermaid"), require("prismjs/components/prism-nix"), require("prismjs/components/prism-objectivec"), require("prismjs/components/prism-ocaml"), require("prismjs/components/prism-pascal"), require("prismjs/components/prism-perl"), require("prismjs/components/prism-php"), require("prismjs/components/prism-powershell"), require("prismjs/components/prism-prolog"), require("prismjs/components/prism-protobuf"), require("prismjs/components/prism-python"), require("prismjs/components/prism-r"), require("prismjs/components/prism-reason"), require("prismjs/components/prism-ruby"), require("prismjs/components/prism-rust"), require("prismjs/components/prism-sass"), require("prismjs/components/prism-scala"), require("prismjs/components/prism-scheme"), require("prismjs/components/prism-scss"), require("prismjs/components/prism-solidity"), require("prismjs/components/prism-sql"), require("prismjs/components/prism-swift"), require("prismjs/components/prism-typescript"), require("prismjs/components/prism-vbnet"), require("prismjs/components/prism-verilog"), require("prismjs/components/prism-vhdl"), require("prismjs/components/prism-visual-basic"), require("prismjs/components/prism-wasm"), require("prismjs/components/prism-yaml"), require("@better-scroll/core"), require("dom-to-image"), require("lodash.throttle"), require("@guyplusplus/turndown-plugin-gfm"), require("marked"), require("plantuml-encoder"), require("docx")) : typeof define === "function" && define.amd ? define(["exports", "kiwi-intl", "lodash.merge", "string-template", "nanoid", "events", "query-string", "js-base64", "snabbdom", "lodash.clonedeep", "lodash.isequal", "quill-delta", "tiny-typed-emitter", "lodash.debounce", "lodash.intersection", "axios", "ot-json1", "lodash.findlastindex", "reconnecting-websocket", "fast-sha256", "tippy.js", "blueimp-md5", "css-color-converter", "markmap-view", "mime-db", "prismjs", "prismjs/components/prism-c", "prismjs/components/prism-cpp", "prismjs/components/prism-abap", "prismjs/components/prism-arduino", "prismjs/components/prism-bash", "prismjs/components/prism-basic", "prismjs/components/prism-clojure", "prismjs/components/prism-coffeescript", "prismjs/components/prism-csharp", "prismjs/components/prism-css", "prismjs/components/prism-dart", "prismjs/components/prism-diff", "prismjs/components/prism-docker", "prismjs/components/prism-elixir", "prismjs/components/prism-elm", "prismjs/components/prism-erlang", "prismjs/components/prism-flow", "prismjs/components/prism-fortran", "prismjs/components/prism-fsharp", "prismjs/components/prism-gherkin", "prismjs/components/prism-glsl", "prismjs/components/prism-go", "prismjs/components/prism-graphql", "prismjs/components/prism-groovy", "prismjs/components/prism-haskell", "prismjs/components/prism-java", "prismjs/components/prism-javascript", "prismjs/components/prism-json", "prismjs/components/prism-julia", "prismjs/components/prism-kotlin", "prismjs/components/prism-latex", "prismjs/components/prism-less", "prismjs/components/prism-lisp", "prismjs/components/prism-livescript", "prismjs/components/prism-lua", "prismjs/components/prism-makefile", "prismjs/components/prism-markdown", "prismjs/components/prism-markup", "prismjs/components/prism-matlab", "prismjs/components/prism-mermaid", "prismjs/components/prism-nix", "prismjs/components/prism-objectivec", "prismjs/components/prism-ocaml", "prismjs/components/prism-pascal", "prismjs/components/prism-perl", "prismjs/components/prism-php", "prismjs/components/prism-powershell", "prismjs/components/prism-prolog", "prismjs/components/prism-protobuf", "prismjs/components/prism-python", "prismjs/components/prism-r", "prismjs/components/prism-reason", "prismjs/components/prism-ruby", "prismjs/components/prism-rust", "prismjs/components/prism-sass", "prismjs/components/prism-scala", "prismjs/components/prism-scheme", "prismjs/components/prism-scss", "prismjs/components/prism-solidity", "prismjs/components/prism-sql", "prismjs/components/prism-swift", "prismjs/components/prism-typescript", "prismjs/components/prism-vbnet", "prismjs/components/prism-verilog", "prismjs/components/prism-vhdl", "prismjs/components/prism-visual-basic", "prismjs/components/prism-wasm", "prismjs/components/prism-yaml", "@better-scroll/core", "dom-to-image", "lodash.throttle", "@guyplusplus/turndown-plugin-gfm", "marked", "plantuml-encoder", "docx"], factory) : (global2 = typeof globalThis !== "undefined" ? globalThis : global2 || self, factory(global2["oneseditor-editor"] = {}, global2.KiwiIntl, global2.merge, global2.stringFormat, global2.nanoid$1, global2.events, global2.queryString, global2.jsBase64, global2.snabbdom, global2.cloneDeep, global2.isEqual, global2.Delta, global2.tinyTypedEmitter, global2.debounce, global2.intersection, global2.axios, global2.json1, global2.findLastIndex, global2.ReconnectingWebSocket, global2.sha256, global2.tippy$1, global2.md5, global2.cssColorConverter, global2.markmap, global2.mime, global2.Prism, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, global2.BetterScroll, global2.domToImage, global2.throttle$1, global2.turndownPluginGfm, global2.marked, global2.plantumlEncoder, global2.docx));
+})(this, function(exports2, KiwiIntl, merge, stringFormat, nanoid$1, events, queryString, jsBase64, snabbdom, cloneDeep, isEqual, Delta, tinyTypedEmitter, debounce, intersection, axios, json1, findLastIndex, ReconnectingWebSocket, sha256, tippy$1, md5, cssColorConverter, markmap, mime, Prism, prismC, prismCpp, prismAbap, prismArduino, prismBash, prismBasic, prismClojure, prismCoffeescript, prismCsharp, prismCss, prismDart, prismDiff, prismDocker, prismElixir, prismElm, prismErlang, prismFlow, prismFortran, prismFsharp, prismGherkin, prismGlsl, prismGo, prismGraphql, prismGroovy, prismHaskell, prismJava, prismJavascript, prismJson, prismJulia, prismKotlin, prismLatex, prismLess, prismLisp, prismLivescript, prismLua, prismMakefile, prismMarkdown, prismMarkup, prismMatlab, prismMermaid, prismNix, prismObjectivec, prismOcaml, prismPascal, prismPerl, prismPhp, prismPowershell, prismProlog, prismProtobuf, prismPython, prismR, prismReason, prismRuby, prismRust, prismSass, prismScala, prismScheme, prismScss, prismSolidity, prismSql, prismSwift, prismTypescript, prismVbnet, prismVerilog, prismVhdl, prismVisualBasic, prismWasm, prismYaml, BetterScroll, domToImage, throttle$1, turndownPluginGfm, marked, plantumlEncoder, docx) {
   "use strict";
   const _interopDefaultLegacy = (e2) => e2 && typeof e2 === "object" && "default" in e2 ? e2 : { default: e2 };
   function _interopNamespace(e2) {
@@ -10494,322 +10499,7 @@ var __publicField = (obj, key, value) => {
     var _a;
     return (_a = getChildBlocks(container)[blockIndex]) != null ? _a : null;
   }
-  class EditorBlockRenderers {
-    constructor(editor) {
-      __publicField(this, "renders", []);
-      this.editor = editor;
-    }
-    registerRender(render) {
-      this.renders.push(render);
-    }
-    renderBox(path, attributes) {
-      const result = {
-        classes: [],
-        attributes: {},
-        styles: {}
-      };
-      this.renders.forEach((render) => {
-        if (render.renderBox) {
-          const ret = render.renderBox(this.editor, path, attributes);
-          if (ret.classes) {
-            result.classes.push(...ret.classes);
-          }
-          if (ret.attributes) {
-            result.attributes = {
-              ...result.attributes,
-              ...ret.attributes
-            };
-          }
-          if (ret.styles) {
-            result.styles = {
-              ...result.styles,
-              ...ret.styles
-            };
-          }
-        }
-      });
-      return result;
-    }
-    renderText(path, attributes) {
-      const result = {
-        classes: [],
-        attributes: {},
-        styles: {}
-      };
-      this.renders.forEach((render) => {
-        if (render.renderText) {
-          const ret = render.renderText(this.editor, path, attributes);
-          if (ret.classes) {
-            result.classes.push(...ret.classes);
-          }
-          if (ret.attributes) {
-            result.attributes = {
-              ...result.attributes,
-              ...ret.attributes
-            };
-          }
-          if (ret.styles) {
-            result.styles = {
-              ...result.styles,
-              ...ret.styles
-            };
-          }
-        }
-      });
-      return result;
-    }
-    renderBlock(editor, path, blockData) {
-      const result = {
-        classes: [],
-        attributes: {},
-        styles: {}
-      };
-      this.renders.forEach((render) => {
-        if (render.renderBlock) {
-          const ret = render.renderBlock(this.editor, path, blockData);
-          if (ret.classes) {
-            result.classes.push(...ret.classes);
-          }
-          if (ret.attributes) {
-            result.attributes = {
-              ...result.attributes,
-              ...ret.attributes
-            };
-          }
-          if (ret.styles) {
-            result.styles = {
-              ...result.styles,
-              ...ret.styles
-            };
-          }
-        }
-      });
-      return result;
-    }
-    updateBlock(editor, path, blockElement, blockData) {
-      this.renders.forEach((render) => {
-        var _a;
-        (_a = render.updateBlock) == null ? void 0 : _a.call(render, editor, path, blockElement, blockData);
-      });
-    }
-  }
-  const logger$4s = getLogger("block-class");
-  function getBlockClass(editor, block) {
-    return editor.editorBlocks.getBlockClass(getBlockType(block));
-  }
-  function getTextBlockClass(editor, block) {
-    const text2 = editor.editorBlocks.getBlockClass(getBlockType(block));
-    assert(logger$4s, text2.blockKind === "text", `is not a text block, ${text2.blockType}`);
-    return text2;
-  }
-  function getComplexBlockClass(editor, block) {
-    const complex = editor.editorBlocks.getBlockClass(getBlockType(block));
-    assert(logger$4s, complex.blockKind === "complex", `is not a text block, ${complex.blockType}`);
-    return complex;
-  }
-  function getBlockClassByType(editor, type) {
-    return editor.editorBlocks.getBlockClass(type);
-  }
-  function isTextKindBlock(editor, block) {
-    return getBlockClass(editor, block).blockKind === "text";
-  }
-  function isTextKindBlockType(editor, type) {
-    return editor.editorBlocks.getBlockClass(type).blockKind === "text";
-  }
-  function isComplexKindBlock(editor, block) {
-    return getBlockClass(editor, block).blockKind === "complex";
-  }
-  function isSimpleBlock(editor, block) {
-    return !isComplexKindBlock(editor, block);
-  }
-  function getBlockKind(editor, block) {
-    return getBlockClass(editor, block).blockKind;
-  }
-  class OnesEditorHoveringBlock extends tinyTypedEmitter.TypedEmitter {
-    constructor(editor) {
-      super();
-      __publicField(this, "hoveringBlock", null);
-      __publicField(this, "hoveringElem", null);
-      __publicField(this, "hoveringTextChild", null);
-      __publicField(this, "filters", []);
-      __publicField(this, "finders", []);
-      __publicField(this, "handleDocumentMouseMove", (event) => {
-        if (this.hoveringBlock) {
-          for (const filter of this.filters) {
-            if (filter.isInBlock(this.hoveringBlock, event)) {
-              return;
-            }
-          }
-        }
-        const elem = getElementFromPoint(event.x, event.y, { noFilter: true });
-        if (!elem) {
-          this.setHoveringBlock(null, event, null, elem);
-          return;
-        }
-        let block = getParentBlock(elem);
-        if (!block || !isChildNode(this.editor.rootContainer, block)) {
-          block = this.findBlockByFinders(event);
-          if (!block) {
-            this.setHoveringBlock(null, event, null, elem);
-            return;
-          }
-        }
-        const child = this.getParentTextContentChild(block, elem);
-        this.setHoveringBlock(block, event, child, elem);
-      });
-      this.editor = editor;
-      if (clientType.isMobile) {
-        document.addEventListener("click", this.handleDocumentMouseMove);
-      } else {
-        document.addEventListener("mousemove", this.handleDocumentMouseMove);
-      }
-    }
-    destroy() {
-      document.removeEventListener("mousemove", this.handleDocumentMouseMove);
-      this.filters.forEach((filter) => filter.destroy());
-      this.filters = [];
-      this.finders.forEach((finder) => finder.destroy());
-      this.finders = [];
-    }
-    addFilter(filter) {
-      this.filters.push(filter);
-    }
-    addFinder(finder) {
-      this.finders.push(finder);
-    }
-    hoveringBlockId() {
-      if (!this.hoveringBlock) {
-        return "";
-      }
-      return getBlockId(this.hoveringBlock);
-    }
-    findBlockByFinders(event) {
-      for (let i = 0; i < this.finders.length; i++) {
-        const finder = this.finders[i];
-        const b = finder.findTargetBlock(this.editor, event);
-        if (b) {
-          return b;
-        }
-      }
-      return null;
-    }
-    setHoveringBlock(block, event, child, pointElem) {
-      if (this.hoveringBlock === block && this.hoveringTextChild === child && this.hoveringElem === event.target) {
-        return;
-      }
-      if (this.hoveringBlock !== block) {
-        const oldBlock = this.hoveringBlock && isChildNode(this.editor.rootContainer, this.hoveringBlock) ? this.hoveringBlock : null;
-        if (oldBlock) {
-          removeClass(oldBlock, "hover");
-        }
-        if (block) {
-          addClass(block, "hover");
-        }
-        this.emit("change", block, oldBlock, event);
-      }
-      if (this.hoveringElem !== pointElem || this.hoveringBlock !== block) {
-        this.emit("targetChange", block, this.hoveringBlock, pointElem, this.hoveringElem);
-      }
-      const oldChild = this.hoveringTextChild;
-      this.hoveringTextChild = child;
-      this.hoveringElem = pointElem;
-      this.hoveringBlock = block;
-      this.emit("childChange", this.hoveringBlock, child, oldChild, event);
-    }
-    static get(editor) {
-      return editor.addCustom("standard-hovering-block", () => new OnesEditorHoveringBlock(editor));
-    }
-    getParentTextContentChild(block, elem) {
-      if (!isTextKindBlock(this.editor, block)) {
-        return null;
-      }
-      const content = getBlockContent(block);
-      if (elem.parentElement === content) {
-        return elem;
-      }
-      const box = getParentBox(elem);
-      return box;
-    }
-  }
-  const COLOR_PREFIX = "style-color-";
-  const BACKGROUND_COLOR_PREFIX$1 = "style-bg-color-";
-  class StandardBlockRenderer {
-    renderText(editor, path, attributes) {
-      return this.generateCSSCustomProperties(attributes);
-    }
-    renderBlock(editor, path, blockData) {
-      var _a, _b;
-      const attributes = {};
-      const styles = Object.entries(blockData).filter((k) => k[0].startsWith("style-"));
-      styles.forEach(([key, value]) => {
-        attributes[`data-${key}`] = `${value}`;
-      });
-      const classes = [];
-      if (((_b = (_a = editor.selection) == null ? void 0 : _a.range) == null ? void 0 : _b.start.blockId) === blockData.id) {
-        classes.push("focused");
-      }
-      if (typeof blockData.align === "string" && blockData.align) {
-        attributes["data-style-align"] = blockData.align;
-      }
-      if (blockData.heading) {
-        attributes["data-style-heading"] = String(blockData.heading);
-      }
-      if (blockData.quoted) {
-        attributes["data-style-quoted"] = "true";
-      }
-      if (OnesEditorHoveringBlock.get(editor).hoveringBlockId() === blockData.id) {
-        classes.push("hover");
-      }
-      return { attributes, classes };
-    }
-    updateBlock(editor, path, blockElement, blockData) {
-      Array.from(blockElement.attributes).forEach((a) => {
-        if (a.name.startsWith("data-style-")) {
-          blockElement.removeAttribute(a.name);
-        }
-      });
-      const { attributes, classes } = this.renderBlock(editor, path, blockData);
-      if (attributes) {
-        Object.entries(attributes).forEach(([key, value]) => {
-          blockElement.setAttribute(key, value);
-        });
-      }
-      if (classes) {
-        classes.forEach((c) => {
-          addClass(blockElement, c);
-        });
-      }
-    }
-    generateCSSCustomProperties(attributes) {
-      const classes = [];
-      const newAttributes = {};
-      const newStyles = {};
-      Object.entries(attributes).forEach(([key, value]) => {
-        if (value === true) {
-          if (key.startsWith(COLOR_PREFIX)) {
-            newAttributes["data-style-color"] = key.substring(COLOR_PREFIX.length);
-          } else if (key.startsWith(BACKGROUND_COLOR_PREFIX$1)) {
-            newAttributes["data-style-bg-color"] = key.substring(BACKGROUND_COLOR_PREFIX$1.length);
-          } else if (key.startsWith("style")) {
-            classes.push(key);
-          }
-        } else if (typeof value === "string") {
-          if (key === "link") {
-            classes.push("link");
-            newAttributes.link = value;
-          }
-          if (key === "inline-style-color") {
-            newStyles.color = value;
-          }
-          if (key === "inline-style-background-color") {
-            newStyles.backgroundColor = value;
-          }
-        }
-      });
-      return { classes, attributes: newAttributes, styles: newStyles };
-    }
-  }
-  const logger$4r = getLogger("block-dom");
+  const logger$4s = getLogger("block-dom");
   function isBlock$1(node) {
     if (!(node instanceof HTMLDivElement)) {
       return false;
@@ -10830,12 +10520,12 @@ var __publicField = (obj, key, value) => {
   }
   function getBlockId(block) {
     const { id } = block;
-    assert(logger$4r, id, "no block id");
+    assert(logger$4s, id, "no block id");
     return id;
   }
   function getBlockType(block) {
     const type = block.getAttribute("data-block-type");
-    assert(logger$4r, type, "invalid block dom, no data-type");
+    assert(logger$4s, type, "invalid block dom, no data-type");
     return type;
   }
   function getParentBlock(node) {
@@ -10858,12 +10548,12 @@ var __publicField = (obj, key, value) => {
   }
   function getParentContainer(block) {
     const container = block.closest("div[data-type=editor-container]");
-    assert(logger$4r, container, "failed to get block container");
+    assert(logger$4s, container, "failed to get block container");
     return container;
   }
   function getBlockContent(block) {
     const content = block.querySelector(":scope >div[data-type=block-content]");
-    assert(logger$4r, content, "no block content");
+    assert(logger$4s, content, "no block content");
     return content;
   }
   function getBlockTools(block) {
@@ -10872,7 +10562,7 @@ var __publicField = (obj, key, value) => {
       tools = createElement("div", [], block);
       tools.setAttribute("data-type", "block-tools");
     }
-    assert(logger$4r, tools, "no block tools");
+    assert(logger$4s, tools, "no block tools");
     return tools;
   }
   function getExistsBlockTools(block) {
@@ -10893,7 +10583,7 @@ var __publicField = (obj, key, value) => {
   function createBlockElement(editor, path, data2) {
     const blockData = editor.editorDecorators.decorateBlock(path, data2);
     const { id, type } = blockData;
-    assert(logger$4r, id, "no block id");
+    assert(logger$4s, id, "no block id");
     const elem = createElement("div", [`${type}-block`], null);
     elem.id = id;
     elem.setAttribute("data-type", "editor-block");
@@ -10931,7 +10621,7 @@ var __publicField = (obj, key, value) => {
   }
   function getBoxTypeFromElement(box) {
     const type = box.getAttribute("data-box-type");
-    assert(logger$4r, type, "not a valid box element, no type");
+    assert(logger$4s, type, "not a valid box element, no type");
     return type;
   }
   function isBox(node) {
@@ -10942,7 +10632,7 @@ var __publicField = (obj, key, value) => {
   }
   function getBoxId(box) {
     const { id } = box;
-    assert(logger$4r, id, "no box id");
+    assert(logger$4s, id, "no box id");
     return id;
   }
   function getParentBox(node) {
@@ -10964,23 +10654,13 @@ var __publicField = (obj, key, value) => {
   }
   function getBoxContent(box) {
     const content = box.querySelector("span[data-type=box-content]");
-    assert(logger$4r, content, "invalid box dom, no content");
+    assert(logger$4s, content, "invalid box dom, no content");
     return content;
   }
   function createInsertionElement(type, id, attributes) {
     const elem = createElement("span", [`${type}-insertion`], null);
     elem.setAttribute("data-type", "editor-insertion");
     elem.setAttribute("data-insertion-id", id);
-    if (attributes) {
-      const standardBlockRenderer = new StandardBlockRenderer();
-      const { attributes: newAttributes } = standardBlockRenderer.generateCSSCustomProperties(attributes);
-      if (newAttributes) {
-        [...Object.entries(newAttributes)].forEach((item) => {
-          const [key, value] = item;
-          elem.setAttribute(key, value);
-        });
-      }
-    }
     return elem;
   }
   function findInsertionById(editor, id) {
@@ -10996,7 +10676,7 @@ var __publicField = (obj, key, value) => {
   }
   function getInsertionContent(insertion) {
     const content = insertion.querySelector("span[data-type=insertion-content]");
-    assert(logger$4r, content, "invalid insertion-child dom, no content");
+    assert(logger$4s, content, "invalid insertion-child dom, no content");
     return content;
   }
   function getPrevBlock(block) {
@@ -11043,7 +10723,7 @@ var __publicField = (obj, key, value) => {
     const container = getParentContainer(block);
     const children = getChildBlocks(container);
     const index2 = children.indexOf(block);
-    assert(logger$4r, index2 !== -1, "invalid block & container dom, failed to get block index");
+    assert(logger$4s, index2 !== -1, "invalid block & container dom, failed to get block index");
     return index2;
   }
   function isInBlock(target) {
@@ -11068,6 +10748,38 @@ var __publicField = (obj, key, value) => {
   function isTitleBlock$2(block) {
     return block.hasAttribute("data-document-title");
   }
+  const logger$4r = getLogger("block-class");
+  function getBlockClass(editor, block) {
+    return editor.editorBlocks.getBlockClass(getBlockType(block));
+  }
+  function getTextBlockClass(editor, block) {
+    const text2 = editor.editorBlocks.getBlockClass(getBlockType(block));
+    assert(logger$4r, text2.blockKind === "text", `is not a text block, ${text2.blockType}`);
+    return text2;
+  }
+  function getComplexBlockClass(editor, block) {
+    const complex = editor.editorBlocks.getBlockClass(getBlockType(block));
+    assert(logger$4r, complex.blockKind === "complex", `is not a text block, ${complex.blockType}`);
+    return complex;
+  }
+  function getBlockClassByType(editor, type) {
+    return editor.editorBlocks.getBlockClass(type);
+  }
+  function isTextKindBlock(editor, block) {
+    return getBlockClass(editor, block).blockKind === "text";
+  }
+  function isTextKindBlockType(editor, type) {
+    return editor.editorBlocks.getBlockClass(type).blockKind === "text";
+  }
+  function isComplexKindBlock(editor, block) {
+    return getBlockClass(editor, block).blockKind === "complex";
+  }
+  function isSimpleBlock(editor, block) {
+    return !isComplexKindBlock(editor, block);
+  }
+  function getBlockKind(editor, block) {
+    return getBlockClass(editor, block).blockKind;
+  }
   const logger$4q = getLogger("text-block-child");
   function isTextBlockContentChild(elem) {
     if (elem.tagName !== "SPAN") {
@@ -12464,19 +12176,6 @@ var __publicField = (obj, key, value) => {
     }
     return findTop ? getFirstChildBlock(retContainer) : getLastChildBlock(retContainer);
   }
-  function complexBlockAdjustSelectionPos(editor, complexBlock, anchor2, focus) {
-    const blockId = getBlockId(complexBlock);
-    assert(logger$4a, blockId === anchor2.blockId, "invalid start pos");
-    assert(logger$4a, blockId === focus.blockId, "invalid end pos");
-    const blockClass = getComplexBlockClass(editor, complexBlock);
-    if (blockClass.adjustSelectionPos) {
-      return blockClass.adjustSelectionPos(editor, complexBlock, anchor2, focus);
-    }
-    return {
-      anchor: anchor2,
-      focus
-    };
-  }
   function isFullSelectedOneComplexBlock(editor, complexRange) {
     const range = complexRange || editor.selection.range;
     const { start, end } = range;
@@ -12771,6 +12470,19 @@ var __publicField = (obj, key, value) => {
     }
     assert(logger$47, false, "failed to find parent container in complex block");
   }
+  function complexBlockAdjustSelectionPos(editor, complexBlock, anchor2, focus) {
+    const blockId = getBlockId(complexBlock);
+    assert(logger$47, blockId === anchor2.blockId, "invalid start pos");
+    assert(logger$47, blockId === focus.blockId, "invalid end pos");
+    const blockClass = getComplexBlockClass(editor, complexBlock);
+    if (blockClass.adjustSelectionPos) {
+      return blockClass.adjustSelectionPos(editor, complexBlock, anchor2, focus);
+    }
+    return {
+      anchor: anchor2,
+      focus
+    };
+  }
   function adjustSelectionPos$1(editor, anchor2, focus) {
     const anchorBlock = editor.getBlockById(anchor2.blockId);
     const focusBlock = editor.getBlockById(focus.blockId);
@@ -24580,6 +24292,289 @@ var __publicField = (obj, key, value) => {
     insertionType: "inputting",
     updateInsertionContent: updateInsertionContent$1
   };
+  class EditorBlockRenderers {
+    constructor(editor) {
+      __publicField(this, "renders", []);
+      this.editor = editor;
+    }
+    registerRender(render) {
+      this.renders.push(render);
+    }
+    renderBox(path, attributes) {
+      const result = {
+        classes: [],
+        attributes: {},
+        styles: {}
+      };
+      this.renders.forEach((render) => {
+        if (render.renderBox) {
+          const ret = render.renderBox(this.editor, path, attributes);
+          if (ret.classes) {
+            result.classes.push(...ret.classes);
+          }
+          if (ret.attributes) {
+            result.attributes = {
+              ...result.attributes,
+              ...ret.attributes
+            };
+          }
+          if (ret.styles) {
+            result.styles = {
+              ...result.styles,
+              ...ret.styles
+            };
+          }
+        }
+      });
+      return result;
+    }
+    renderText(path, attributes) {
+      const result = {
+        classes: [],
+        attributes: {},
+        styles: {}
+      };
+      this.renders.forEach((render) => {
+        if (render.renderText) {
+          const ret = render.renderText(this.editor, path, attributes);
+          if (ret.classes) {
+            result.classes.push(...ret.classes);
+          }
+          if (ret.attributes) {
+            result.attributes = {
+              ...result.attributes,
+              ...ret.attributes
+            };
+          }
+          if (ret.styles) {
+            result.styles = {
+              ...result.styles,
+              ...ret.styles
+            };
+          }
+        }
+      });
+      return result;
+    }
+    renderBlock(editor, path, blockData) {
+      const result = {
+        classes: [],
+        attributes: {},
+        styles: {}
+      };
+      this.renders.forEach((render) => {
+        if (render.renderBlock) {
+          const ret = render.renderBlock(this.editor, path, blockData);
+          if (ret.classes) {
+            result.classes.push(...ret.classes);
+          }
+          if (ret.attributes) {
+            result.attributes = {
+              ...result.attributes,
+              ...ret.attributes
+            };
+          }
+          if (ret.styles) {
+            result.styles = {
+              ...result.styles,
+              ...ret.styles
+            };
+          }
+        }
+      });
+      return result;
+    }
+    updateBlock(editor, path, blockElement, blockData) {
+      this.renders.forEach((render) => {
+        var _a;
+        (_a = render.updateBlock) == null ? void 0 : _a.call(render, editor, path, blockElement, blockData);
+      });
+    }
+  }
+  class OnesEditorHoveringBlock extends tinyTypedEmitter.TypedEmitter {
+    constructor(editor) {
+      super();
+      __publicField(this, "hoveringBlock", null);
+      __publicField(this, "hoveringElem", null);
+      __publicField(this, "hoveringTextChild", null);
+      __publicField(this, "filters", []);
+      __publicField(this, "finders", []);
+      __publicField(this, "handleDocumentMouseMove", (event) => {
+        if (this.hoveringBlock) {
+          for (const filter of this.filters) {
+            if (filter.isInBlock(this.hoveringBlock, event)) {
+              return;
+            }
+          }
+        }
+        const elem = getElementFromPoint(event.x, event.y, { noFilter: true });
+        if (!elem) {
+          this.setHoveringBlock(null, event, null, elem);
+          return;
+        }
+        let block = getParentBlock(elem);
+        if (!block || !isChildNode(this.editor.rootContainer, block)) {
+          block = this.findBlockByFinders(event);
+          if (!block) {
+            this.setHoveringBlock(null, event, null, elem);
+            return;
+          }
+        }
+        const child = this.getParentTextContentChild(block, elem);
+        this.setHoveringBlock(block, event, child, elem);
+      });
+      this.editor = editor;
+      if (clientType.isMobile) {
+        document.addEventListener("click", this.handleDocumentMouseMove);
+      } else {
+        document.addEventListener("mousemove", this.handleDocumentMouseMove);
+      }
+    }
+    destroy() {
+      document.removeEventListener("mousemove", this.handleDocumentMouseMove);
+      this.filters.forEach((filter) => filter.destroy());
+      this.filters = [];
+      this.finders.forEach((finder) => finder.destroy());
+      this.finders = [];
+    }
+    addFilter(filter) {
+      this.filters.push(filter);
+    }
+    addFinder(finder) {
+      this.finders.push(finder);
+    }
+    hoveringBlockId() {
+      if (!this.hoveringBlock) {
+        return "";
+      }
+      return getBlockId(this.hoveringBlock);
+    }
+    findBlockByFinders(event) {
+      for (let i = 0; i < this.finders.length; i++) {
+        const finder = this.finders[i];
+        const b = finder.findTargetBlock(this.editor, event);
+        if (b) {
+          return b;
+        }
+      }
+      return null;
+    }
+    setHoveringBlock(block, event, child, pointElem) {
+      if (this.hoveringBlock === block && this.hoveringTextChild === child && this.hoveringElem === event.target) {
+        return;
+      }
+      if (this.hoveringBlock !== block) {
+        const oldBlock = this.hoveringBlock && isChildNode(this.editor.rootContainer, this.hoveringBlock) ? this.hoveringBlock : null;
+        if (oldBlock) {
+          removeClass(oldBlock, "hover");
+        }
+        if (block) {
+          addClass(block, "hover");
+        }
+        this.emit("change", block, oldBlock, event);
+      }
+      if (this.hoveringElem !== pointElem || this.hoveringBlock !== block) {
+        this.emit("targetChange", block, this.hoveringBlock, pointElem, this.hoveringElem);
+      }
+      const oldChild = this.hoveringTextChild;
+      this.hoveringTextChild = child;
+      this.hoveringElem = pointElem;
+      this.hoveringBlock = block;
+      this.emit("childChange", this.hoveringBlock, child, oldChild, event);
+    }
+    static get(editor) {
+      return editor.addCustom("standard-hovering-block", () => new OnesEditorHoveringBlock(editor));
+    }
+    getParentTextContentChild(block, elem) {
+      if (!isTextKindBlock(this.editor, block)) {
+        return null;
+      }
+      const content = getBlockContent(block);
+      if (elem.parentElement === content) {
+        return elem;
+      }
+      const box = getParentBox(elem);
+      return box;
+    }
+  }
+  const COLOR_PREFIX = "style-color-";
+  const BACKGROUND_COLOR_PREFIX$1 = "style-bg-color-";
+  class StandardBlockRenderer {
+    renderText(editor, path, attributes) {
+      return this.generateCSSCustomProperties(attributes);
+    }
+    renderBlock(editor, path, blockData) {
+      var _a, _b;
+      const attributes = {};
+      const styles = Object.entries(blockData).filter((k) => k[0].startsWith("style-"));
+      styles.forEach(([key, value]) => {
+        attributes[`data-${key}`] = `${value}`;
+      });
+      const classes = [];
+      if (((_b = (_a = editor.selection) == null ? void 0 : _a.range) == null ? void 0 : _b.start.blockId) === blockData.id) {
+        classes.push("focused");
+      }
+      if (typeof blockData.align === "string" && blockData.align) {
+        attributes["data-style-align"] = blockData.align;
+      }
+      if (blockData.heading) {
+        attributes["data-style-heading"] = String(blockData.heading);
+      }
+      if (blockData.quoted) {
+        attributes["data-style-quoted"] = "true";
+      }
+      if (OnesEditorHoveringBlock.get(editor).hoveringBlockId() === blockData.id) {
+        classes.push("hover");
+      }
+      return { attributes, classes };
+    }
+    updateBlock(editor, path, blockElement, blockData) {
+      Array.from(blockElement.attributes).forEach((a) => {
+        if (a.name.startsWith("data-style-")) {
+          blockElement.removeAttribute(a.name);
+        }
+      });
+      const { attributes, classes } = this.renderBlock(editor, path, blockData);
+      if (attributes) {
+        Object.entries(attributes).forEach(([key, value]) => {
+          blockElement.setAttribute(key, value);
+        });
+      }
+      if (classes) {
+        classes.forEach((c) => {
+          addClass(blockElement, c);
+        });
+      }
+    }
+    generateCSSCustomProperties(attributes) {
+      const classes = [];
+      const newAttributes = {};
+      const newStyles = {};
+      Object.entries(attributes).forEach(([key, value]) => {
+        if (value === true) {
+          if (key.startsWith(COLOR_PREFIX)) {
+            newAttributes["data-style-color"] = key.substring(COLOR_PREFIX.length);
+          } else if (key.startsWith(BACKGROUND_COLOR_PREFIX$1)) {
+            newAttributes["data-style-bg-color"] = key.substring(BACKGROUND_COLOR_PREFIX$1.length);
+          } else if (key.startsWith("style")) {
+            classes.push(key);
+          }
+        } else if (typeof value === "string") {
+          if (key === "link") {
+            classes.push("link");
+            newAttributes.link = value;
+          }
+          if (key === "inline-style-color") {
+            newStyles.color = value;
+          }
+          if (key === "inline-style-background-color") {
+            newStyles.backgroundColor = value;
+          }
+        }
+      });
+      return { classes, attributes: newAttributes, styles: newStyles };
+    }
+  }
   const logger$3D = getLogger("editor-insertion");
   class EditorInsertions {
     constructor(editor) {
@@ -24597,8 +24592,22 @@ var __publicField = (obj, key, value) => {
       assert(logger$3D, exists, `unknown insertion type: ${type}`);
       return exists;
     }
+    createInsertionElement(type, id, attributes) {
+      const elem = createInsertionElement(type, id);
+      if (attributes) {
+        const standardBlockRenderer = new StandardBlockRenderer();
+        const { attributes: newAttributes } = standardBlockRenderer.generateCSSCustomProperties(attributes);
+        if (newAttributes) {
+          [...Object.entries(newAttributes)].forEach((item) => {
+            const [key, value] = item;
+            elem.setAttribute(key, value);
+          });
+        }
+      }
+      return elem;
+    }
     createInsertion(blockContent, insertion) {
-      const insertionElement = createInsertionElement(insertion.type, insertion.id, insertion.attributes);
+      const insertionElement = this.createInsertionElement(insertion.type, insertion.id, insertion.attributes);
       const insertionContent = createInsertionContentElement(insertionElement);
       const insertionClass = this.getInsertionClass(insertion.type);
       insertionClass.updateInsertionContent(this.editor, insertionElement, insertionContent, insertion);
@@ -24707,7 +24716,7 @@ var __publicField = (obj, key, value) => {
       __publicField(this, "composing", false);
       __publicField(this, "callbacks");
       __publicField(this, "inputElement");
-      __publicField(this, "handleWindowBlur", () => {
+      __publicField(this, "handleBlur", () => {
         this.editor.emit("blur", this.editor);
         this.callbacks.onBlur();
       });
@@ -24734,8 +24743,7 @@ var __publicField = (obj, key, value) => {
           return;
         }
         setTimeout(() => {
-          this.editor.emit("blur", this.editor);
-          this.callbacks.onBlur();
+          this.handleBlur();
         });
       });
       __publicField(this, "handleDocumentSelectionChange", () => {
@@ -24750,8 +24758,7 @@ var __publicField = (obj, key, value) => {
               return;
             }
           }
-          this.editor.emit("blur", this.editor);
-          this.callbacks.onBlur();
+          this.handleBlur();
         }, 100);
       });
       __publicField(this, "handleEditorSelectionChanged", () => {
@@ -24865,7 +24872,7 @@ var __publicField = (obj, key, value) => {
       document.addEventListener("selectionchange", this.handleDocumentSelectionChange);
       this.editor.addListener("selectionChanged", this.handleEditorSelectionChanged);
       this.editor.addListener("readonlyChanged", this.handleReadonlyChanged);
-      window.addEventListener("blur", this.handleWindowBlur);
+      window.addEventListener("blur", this.handleBlur);
       window.addEventListener("focus", this.handleWindowFocus);
     }
     isInCommandBar(target) {
@@ -24895,7 +24902,7 @@ var __publicField = (obj, key, value) => {
       input2.oninput = null;
       input2.oncopy = null;
       document.removeEventListener("paste", this.handlePaste);
-      window.removeEventListener("blur", this.handleWindowBlur);
+      window.removeEventListener("blur", this.handleBlur);
       window.removeEventListener("focus", this.handleWindowFocus);
       input2.oncut = null;
     }
@@ -26383,6 +26390,10 @@ var __publicField = (obj, key, value) => {
       const firstBlock = getFirstChildBlock(nextContainer);
       return firstBlock;
     }
+    const targetBlock = isFindPrev(type) ? getPrevBlock(parentComplexBlock) : getNextBlock(parentComplexBlock);
+    if (targetBlock) {
+      return targetBlock;
+    }
     return findNextBlockInComplexBlock(editor, parentComplexBlock, type);
   }
   function findNextOrPrevOfParentBlock(editor, block, type) {
@@ -28297,7 +28308,16 @@ ${codeText}
           this.pasteDocs(docs, null, files);
         }
       });
-      __publicField(this, "onBlur", debounce__default.default(() => {
+      __publicField(this, "onBlur", () => {
+        var _a;
+        for (const handler of this.handlers) {
+          if ((_a = handler.handleBlur) == null ? void 0 : _a.call(handler, this.editor)) {
+            return;
+          }
+        }
+        this.debounceBlur();
+      });
+      __publicField(this, "debounceBlur", debounce__default.default(() => {
         const range = this.editor.selection.range;
         if (!range.isCollapsed()) {
           let block = null;
@@ -28432,7 +28452,7 @@ ${codeText}
     }
     onFocus() {
       addClass(this.editor.rootElement, "active");
-      this.onBlur.cancel();
+      this.debounceBlur.cancel();
       this.removeActiveForBlur.cancel();
     }
     addHandler(handler) {
@@ -30555,6 +30575,11 @@ ${codeText}
           if (!value) {
             delete attributes[key];
           } else {
+            const scriptKeys = ["style-sub", "style-super"];
+            if (scriptKeys.includes(key)) {
+              const [another] = scriptKeys.filter((keys) => keys !== key);
+              delete attributes[another];
+            }
             attributes[key] = value;
           }
         });
@@ -38864,7 +38889,7 @@ ${codeText}
   const TreeIcon = '<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M8.80894 1.37566L9.19382 1.05649V1.05649L8.80894 1.37566ZM7.26945 1.37566L6.88457 1.05649V1.05649L7.26945 1.37566ZM12.7147 6.08541L13.0996 5.76623V5.76623L12.7147 6.08541ZM11.4874 7.72375V7.22375H10.1891L11.152 8.09459L11.4874 7.72375ZM14.159 10.1399L14.4944 9.76908L14.159 10.1399ZM10.0508 11.8816V11.3816H9.55085V11.8816H10.0508ZM10.0508 15V15.5H10.5508V15H10.0508ZM6.02806 15H5.52806V15.5H6.02806V15ZM6.02806 11.8816H6.52806V11.3816H6.02806V11.8816ZM1.91945 10.1399L2.25483 10.5108H2.25483L1.91945 10.1399ZM4.59108 7.72375L4.92646 8.09459L5.88936 7.22375H4.59108V7.72375ZM3.36368 6.0854L3.74855 6.40458L3.36368 6.0854ZM9.19382 1.05649C8.59399 0.333182 7.48441 0.333182 6.88457 1.05649L7.65432 1.69483C7.85427 1.45373 8.22413 1.45373 8.42407 1.69483L9.19382 1.05649ZM13.0996 5.76623L9.19382 1.05649L8.42407 1.69483L12.3298 6.40458L13.0996 5.76623ZM11.945 8.22375C13.215 8.22375 13.9103 6.74387 13.0996 5.76623L12.3298 6.40458C12.6001 6.73046 12.3683 7.22375 11.945 7.22375V8.22375ZM11.4874 8.22375H11.945V7.22375H11.4874V8.22375ZM14.4944 9.76908L11.8227 7.35292L11.152 8.09459L13.8236 10.5108L14.4944 9.76908ZM13.4882 12.3816C14.8612 12.3816 15.5126 10.69 14.4944 9.76908L13.8236 10.5108C14.163 10.8177 13.9459 11.3816 13.4882 11.3816V12.3816ZM10.0508 12.3816H13.4882V11.3816H10.0508V12.3816ZM9.55085 11.8816V15H10.5508V11.8816H9.55085ZM10.0508 14.5H6.02806V15.5H10.0508V14.5ZM6.52806 15V11.8816H5.52806V15H6.52806ZM2.59021 12.3816H6.02806V11.3816H2.59021V12.3816ZM1.58407 9.76909C0.565789 10.69 1.21726 12.3816 2.59021 12.3816V11.3816C2.13256 11.3816 1.9154 10.8177 2.25483 10.5108L1.58407 9.76909ZM4.2557 7.35292L1.58407 9.76909L2.25483 10.5108L4.92646 8.09459L4.2557 7.35292ZM4.13343 8.22375H4.59108V7.22375H4.13343V8.22375ZM2.97881 5.76623C2.16805 6.74387 2.86334 8.22375 4.13343 8.22375V7.22375C3.71007 7.22375 3.4783 6.73046 3.74855 6.40458L2.97881 5.76623ZM6.88457 1.05649L2.97881 5.76623L3.74855 6.40458L7.65432 1.69483L6.88457 1.05649Z" fill="currentColor"/>\n</svg>\n';
   const TimeIcon = '<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path fill-rule="evenodd" clip-rule="evenodd" d="M1.5 8C1.5 4.41023 4.41023 1.5 8 1.5C11.5898 1.5 14.5 4.41023 14.5 8C14.5 11.5898 11.5898 14.5 8 14.5C4.41023 14.5 1.5 11.5898 1.5 8ZM8 0.5C3.85794 0.5 0.5 3.85794 0.5 8C0.5 12.1421 3.85794 15.5 8 15.5C12.1421 15.5 15.5 12.1421 15.5 8C15.5 3.85794 12.1421 0.5 8 0.5ZM7.5 3V8V8.5H8H12V7.5H8.5V3H7.5Z" fill="currentColor"/>\n</svg>\n';
   const SearchIcon = '<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M10.8597 11.4183L14.0962 14.8891M12.5 7.5C12.5 10.5376 10.0376 13 7 13C3.96243 13 1.5 10.5376 1.5 7.5C1.5 4.46243 3.96243 2 7 2C10.0376 2 12.5 4.46243 12.5 7.5Z" stroke="#87888A" stroke-width="2"/>\n</svg>\n';
-  const TextGroupIcon = '<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M2.49984 9.5L7.00009 9.5" stroke="#2D2D2E"/>\n<path d="M15.0001 13.5V6.5" stroke="#2D2D2E" stroke-linejoin="round"/>\n<path d="M15.0001 10C15.0001 11.3807 13.8808 12.5 12.5001 12.5C11.1194 12.5 10.0001 11.3807 10.0001 10C10.0001 8.61929 11.1194 7.5 12.5001 7.5C13.8808 7.5 15.0001 8.61929 15.0001 10Z" stroke="#2D2D2E"/>\n<path d="M1.00009 13.5L4.99984 2.5L8.50009 13.5" stroke="#2D2D2E" stroke-linejoin="round"/>\n</svg>\n';
+  const TextGroupIcon = '<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M2.49984 9.5L7.00009 9.5" stroke="currentColor"/>\n<path d="M15.0001 13.5V6.5" stroke="currentColor" stroke-linejoin="round"/>\n<path d="M15.0001 10C15.0001 11.3807 13.8808 12.5 12.5001 12.5C11.1194 12.5 10.0001 11.3807 10.0001 10C10.0001 8.61929 11.1194 7.5 12.5001 7.5C13.8808 7.5 15.0001 8.61929 15.0001 10Z" stroke="currentColor"/>\n<path d="M1.00009 13.5L4.99984 2.5L8.50009 13.5" stroke="currentColor" stroke-linejoin="round"/>\n</svg>\n';
   const TabIcon = '<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M14 2L2 2" stroke="#2D2D2E" stroke-linejoin="round"/>\n<path d="M14 6H7" stroke="#2D2D2E" stroke-linejoin="round"/>\n<path d="M2 10.5V5.5L5.5 8L2 10.5Z" fill="#2D2D2E"/>\n<path d="M14 10H7" stroke="#2D2D2E" stroke-linejoin="round"/>\n<path d="M14 14H2" stroke="#2D2D2E" stroke-linejoin="round"/>\n</svg>\n';
   const ShiftTabIcon = '<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M2 2H14" stroke="#2D2D2E" stroke-linejoin="round"/>\n<path d="M7 6H14" stroke="#2D2D2E" stroke-linejoin="round"/>\n<path d="M5.5 10.5V5.5L2 8L5.5 10.5Z" fill="#2D2D2E"/>\n<path d="M7 10H14" stroke="#2D2D2E" stroke-linejoin="round"/>\n<path d="M2 14H14" stroke="#2D2D2E" stroke-linejoin="round"/>\n</svg>\n';
   const TableEditIcon = '<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M8 14.5H2.5C1.94772 14.5 1.5 14.0523 1.5 13.5V2.5C1.5 1.94772 1.94772 1.5 2.5 1.5H13.5C14.0523 1.5 14.5 1.94772 14.5 2.5V8" stroke="#2D2D2E"/>\n<path d="M1.6 4.8H14.4" stroke="#2D2D2E"/>\n<path d="M1.6 9.6H8.00078" stroke="#2D2D2E"/>\n<path d="M5.6 1.6L5.6 14.4" stroke="#2D2D2E"/>\n<path fill-rule="evenodd" clip-rule="evenodd" d="M11.5043 8.98727L11.6789 8.22924C11.7097 8.09564 11.8387 8 11.9881 8H12.8119C12.9613 8 13.0903 8.09564 13.1211 8.22924L13.2957 8.98727C13.3177 9.08256 13.3912 9.16027 13.488 9.20102C13.569 9.23514 13.648 9.2726 13.7248 9.31318C13.8018 9.35372 13.877 9.3976 13.95 9.44477C14.037 9.50098 14.1474 9.52034 14.2487 9.49008L15.0543 9.24927C15.1963 9.20683 15.3514 9.26108 15.4261 9.37933L15.9576 10.2206C16.0323 10.3389 16.0062 10.4888 15.895 10.5799L15.2639 11.0972C15.1846 11.1622 15.1477 11.2593 15.1575 11.3562C15.1657 11.4375 15.1698 11.5189 15.1697 11.6C15.1698 11.6811 15.1658 11.7625 15.1576 11.8438C15.1478 11.9407 15.1847 12.0378 15.264 12.1028L15.895 12.62C16.0062 12.7112 16.0324 12.8611 15.9577 12.9793L15.4262 13.8206C15.3515 13.9389 15.1963 13.9931 15.0544 13.9507L14.2487 13.7099C14.1474 13.6796 14.037 13.699 13.95 13.7552C13.877 13.8024 13.8018 13.8463 13.7248 13.8868C13.648 13.9274 13.569 13.9649 13.488 13.999C13.3912 14.0397 13.3177 14.1174 13.2957 14.2127L13.1211 14.9708C13.0903 15.1044 12.9613 15.2 12.8119 15.2H11.9881C11.8387 15.2 11.7097 15.1044 11.6789 14.9708L11.5043 14.2127C11.4823 14.1174 11.4088 14.0397 11.312 13.999C11.231 13.9649 11.152 13.9274 11.0752 13.8868C10.9982 13.8463 10.923 13.8024 10.85 13.7552C10.763 13.699 10.6526 13.6796 10.5513 13.7099L9.74565 13.9507C9.60366 13.9931 9.44854 13.9389 9.37384 13.8206L8.84234 12.9793C8.76764 12.8611 8.79378 12.7112 8.905 12.62L9.53602 12.1028C9.61534 12.0378 9.6522 11.9407 9.64243 11.8438C9.63424 11.7625 9.63023 11.6811 9.63031 11.6C9.63023 11.5189 9.63426 11.4375 9.64247 11.3562C9.65226 11.2593 9.61539 11.1622 9.53607 11.0972L8.90506 10.5799C8.79384 10.4888 8.7677 10.3389 8.8424 10.2206L9.3739 9.37933C9.4486 9.26108 9.60371 9.20683 9.74571 9.24927L10.5514 9.49008C10.6526 9.52034 10.7631 9.50098 10.8501 9.44477C10.923 9.3976 10.9982 9.35372 11.0752 9.31318C11.152 9.2726 11.231 9.23514 11.312 9.20102C11.4088 9.16027 11.4823 9.08256 11.5043 8.98727ZM12.3278 12.5136C12.8866 12.5136 13.3396 12.0996 13.3396 11.5889C13.3396 11.0783 12.8866 10.6643 12.3278 10.6643C11.769 10.6643 11.316 11.0783 11.316 11.5889C11.316 12.0996 11.769 12.5136 12.3278 12.5136Z" fill="#2D2D2E"/>\n</svg>\n';
@@ -48199,6 +48224,44 @@ ${codeText}
     "Shift+Tab": handleShiftTab$3,
     "Backspace": handleBackspace$2
   };
+  function getListType(listData) {
+    if (listData.textOnly) {
+      return "text-only";
+    }
+    if (listData.checkbox) {
+      return listData.checkbox;
+    }
+    if (listData.ordered) {
+      return "ordered";
+    }
+    return "unordered";
+  }
+  function getListMarker(listData) {
+    var _a, _b;
+    if (listData.checkbox) {
+      return "";
+    }
+    const level = (_a = listData.level) != null ? _a : 1;
+    if (listData.ordered) {
+      const num = getListNumber(level, (_b = listData.start) != null ? _b : 1);
+      return `${num}.`;
+    }
+    return getListBullet(level);
+  }
+  function pickTextBlockData(listBlockData) {
+    const textBlockData = {
+      id: genId(),
+      type: "text",
+      text: listBlockData.text
+    };
+    const keys = ["heading", "quoted", "align"];
+    for (const key of keys) {
+      if (listBlockData[key] !== void 0) {
+        textBlockData[key] = listBlockData[key];
+      }
+    }
+    return textBlockData;
+  }
   function findPreviousBrotherWithHeading(block, heading, level = 1) {
     if (!heading) {
       return null;
@@ -48295,7 +48358,9 @@ ${codeText}
       const fixStart = new FixStartByBlock(editor, srcBlock, { start: 1 });
       fixStart.fix();
     }
+    const pickedTextBlock = pickTextBlockData(srcData);
     const blockData = {
+      ...pickedTextBlock,
       id: genId(),
       type: "list",
       level,
@@ -48304,12 +48369,6 @@ ${codeText}
       ordered: false,
       text: text2
     };
-    if (srcData.quoted) {
-      blockData.quoted = true;
-    }
-    if (srcData.heading) {
-      blockData.heading = srcData.heading;
-    }
     if (type === "ordered") {
       blockData.ordered = true;
     } else if (type === "checked" || type === "unchecked") {
@@ -48323,30 +48382,6 @@ ${codeText}
       }
     };
   }
-  function getListType(listData) {
-    if (listData.textOnly) {
-      return "text-only";
-    }
-    if (listData.checkbox) {
-      return listData.checkbox;
-    }
-    if (listData.ordered) {
-      return "ordered";
-    }
-    return "unordered";
-  }
-  function getListMarker(listData) {
-    var _a, _b;
-    if (listData.checkbox) {
-      return "";
-    }
-    const level = (_a = listData.level) != null ? _a : 1;
-    if (listData.ordered) {
-      const num = getListNumber(level, (_b = listData.start) != null ? _b : 1);
-      return `${num}.`;
-    }
-    return getListBullet(level);
-  }
   function isCheck(type) {
     return type === "checked" || type === "unchecked";
   }
@@ -48497,17 +48532,7 @@ ${codeText}
   function convertListToTextBlock(editor, block) {
     ensureIsListBlock(block);
     const listBlockData = editor.getBlockData(block);
-    const textBlockData = {
-      id: genId(),
-      type: "text",
-      text: listBlockData.text
-    };
-    if (listBlockData.heading) {
-      textBlockData.heading = listBlockData.heading;
-    }
-    if (listBlockData.heading) {
-      textBlockData.heading = listBlockData.heading;
-    }
+    const textBlockData = pickTextBlockData(listBlockData);
     const container = getParentContainer(block);
     const blockIndex = getBlockIndex(block);
     editor.deleteBlock(block);
@@ -49718,7 +49743,7 @@ ${codeText}
       __publicField(this, "onShow", () => {
         const scrollContainer = getScrollContainer$1(document.body);
         const clientHeight = scrollContainer.clientHeight;
-        this.linkPopup.content.style.maxHeight = `${clientHeight - 20}px`;
+        this.linkPopup.content.style.height = `${clientHeight - 20}px`;
         this.emit("show");
       });
       __publicField(this, "close", () => {
@@ -50898,6 +50923,7 @@ ${codeText}
   class MathjaxStateData {
     constructor() {
       __publicField(this, "dataUrl", "");
+      __publicField(this, "texWidth", null);
       __publicField(this, "error", null);
     }
     destroy() {
@@ -50910,6 +50936,9 @@ ${codeText}
       this.dataUrl = "";
       this.error = error2;
     }
+    setTexWidth(tex, width) {
+      this.texWidth = [tex, width];
+    }
   }
   const logger$1R = getLogger("mathjax-converter");
   const MATHJAX_SCRIPT_ID = "MathJax-script";
@@ -51208,6 +51237,20 @@ ${codeText}
           }
         }
       });
+      const [tex, width] = state.texWidth || [];
+      if (tex === mathData.tex && width) {
+        img.style.width = `${width}px`;
+      } else {
+        mathjax2Svg(editor, mathData.tex).then((svg) => {
+          const { width: width2 } = analyzeMathjaxSvgWidth(svg);
+          state.setTexWidth(mathData.tex, width2);
+          const boxElement2 = editor.findBoxById(mathData.id);
+          const imgElement = boxElement2 == null ? void 0 : boxElement2.querySelector("img");
+          if (imgElement) {
+            imgElement.style.width = `${width2}px`;
+          }
+        });
+      }
       editor.domEvents.addEventListener(img, "load", updateCaret);
       return;
     }
@@ -79794,14 +79837,14 @@ ${content}
       this.providers.push(new InsertMenuProvider(editor));
     }
     get whiteList() {
-      const list2 = ["insert-image", "insert-table", "insert-link", "insert-hr"];
+      let list2 = ["insert-image", "insert-table", "insert-link", "insert-hr"];
       const focusBlock = this.editor.selection.focusedBlock;
       if (!isRootBlock(focusBlock)) {
-        return list2.filter((id) => id !== "insert-table");
+        list2 = list2.filter((id) => id !== "insert-table");
       }
       const o = this.editor.getComponentOptions("mobile");
       if (o == null ? void 0 : o.isAndroidApp) {
-        return list2.filter((id) => id !== "insert-image");
+        list2 = list2.filter((id) => id !== "insert-image");
       }
       return list2;
     }
@@ -86859,7 +86902,7 @@ ${data2.flowchartText}
         }
       }
     });
-    editor.version = "2.2.0";
+    editor.version = "2.2.2-beta.1";
     if (Logger$2.level === LogLevel.DEBUG) {
       window.setReauthFail = (fail) => {
         window.isReauthError = fail;
@@ -86960,7 +87003,7 @@ ${data2.flowchartText}
     });
     editor.addCustom(DOC_RE_AUTH_KEYS, (editor2) => new DocReAuthCallbacks(editor2));
     OnesEditorToolbar.register(editor);
-    editor.version = "2.2.0";
+    editor.version = "2.2.2-beta.1";
     return editor;
   }
   async function showDocVersions(editor, options, serverUrl) {
@@ -133230,6 +133273,7 @@ ${data2.flowchartText}
   exports2.loadJs = loadJs;
   exports2.loadJsPromise = loadJsPromise;
   exports2.lockers = lockers;
+  exports2.logger = logger$4a;
   exports2.markdownToDoc = markdownToDoc;
   exports2.mergeCommands = mergeCommands;
   exports2.mergeDocs = mergeDocs;