@halo-dev/richtext-editor 0.0.0-alpha.7 → 0.0.0-alpha.9

package/dist/rich-text-editor.es.js

@@ -18826,541 +18826,26 @@ defineComponent({
   }
 });
 const Menu = _sfc_main$2$1;
-const _hoisted_1$r = {
-  viewBox: "0 0 24 24",
-  width: "1.2em",
-  height: "1.2em"
-};
-const _hoisted_2$r = /* @__PURE__ */ createElementVNode("path", {
-  fill: "currentColor",
-  d: "M13.5 15.5H10v-3h3.5A1.5 1.5 0 0 1 15 14a1.5 1.5 0 0 1-1.5 1.5m-3.5-9h3A1.5 1.5 0 0 1 14.5 8A1.5 1.5 0 0 1 13 9.5h-3m5.6 1.29c.97-.68 1.65-1.79 1.65-2.79c0-2.26-1.75-4-4-4H7v14h7.04c2.1 0 3.71-1.7 3.71-3.79c0-1.52-.86-2.82-2.15-3.42Z"
-}, null, -1);
-const _hoisted_3$q = [
-  _hoisted_2$r
-];
-function render$m(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$r, _hoisted_3$q);
-}
-const MdiFormatBold = { name: "mdi-format-bold", render: render$m };
-const _hoisted_1$q = {
-  viewBox: "0 0 24 24",
-  width: "1.2em",
-  height: "1.2em"
-};
-const _hoisted_2$q = /* @__PURE__ */ createElementVNode("path", {
-  fill: "currentColor",
-  d: "M10 4v3h2.21l-3.42 8H6v3h8v-3h-2.21l3.42-8H18V4h-8Z"
-}, null, -1);
-const _hoisted_3$p = [
-  _hoisted_2$q
-];
-function render$l(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$q, _hoisted_3$p);
-}
-const MdiFormatItalic = { name: "mdi-format-italic", render: render$l };
-const _hoisted_1$p = {
-  viewBox: "0 0 24 24",
-  width: "1.2em",
-  height: "1.2em"
-};
-const _hoisted_2$p = /* @__PURE__ */ createElementVNode("path", {
-  fill: "currentColor",
-  d: "M3 14h18v-2H3m2-8v3h5v3h4V7h5V4m-9 15h4v-3h-4v3Z"
-}, null, -1);
-const _hoisted_3$o = [
-  _hoisted_2$p
-];
-function render$k(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$p, _hoisted_3$o);
-}
-const MdiFormatStrikethrough = { name: "mdi-format-strikethrough", render: render$k };
-const _hoisted_1$o = {
-  viewBox: "0 0 24 24",
-  width: "1.2em",
-  height: "1.2em"
-};
-const _hoisted_2$o = /* @__PURE__ */ createElementVNode("path", {
-  fill: "currentColor",
-  d: "M3 4h2v6h4V4h2v14H9v-6H5v6H3V4m10 4h2.31l.32-3h2l-.32 3h2l.32-3h2l-.32 3H23v2h-1.9l-.2 2H23v2h-2.31l-.32 3h-2l.32-3h-2l-.32 3h-2l.32-3H13v-2h1.9l.2-2H13V8m4.1 2l-.2 2h2l.2-2h-2Z"
-}, null, -1);
-const _hoisted_3$n = [
-  _hoisted_2$o
-];
-function render$j(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$o, _hoisted_3$n);
-}
-const MdiFormatHeaderPound = { name: "mdi-format-header-pound", render: render$j };
-const _hoisted_1$n = {
-  viewBox: "0 0 24 24",
-  width: "1.2em",
-  height: "1.2em"
-};
-const _hoisted_2$n = /* @__PURE__ */ createElementVNode("path", {
-  fill: "currentColor",
-  d: "M3 4h2v6h4V4h2v14H9v-6H5v6H3V4m11 14v-2h2V6.31l-2.5 1.44V5.44L16 4h2v12h2v2h-6Z"
-}, null, -1);
-const _hoisted_3$m = [
-  _hoisted_2$n
-];
-function render$i(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$n, _hoisted_3$m);
-}
-const MdiFormatHeader1 = { name: "mdi-format-header-1", render: render$i };
-const _hoisted_1$m = {
-  viewBox: "0 0 24 24",
-  width: "1.2em",
-  height: "1.2em"
-};
-const _hoisted_2$m = /* @__PURE__ */ createElementVNode("path", {
-  fill: "currentColor",
-  d: "M3 4h2v6h4V4h2v14H9v-6H5v6H3V4m18 14h-6a2 2 0 0 1-2-2c0-.53.2-1 .54-1.36l4.87-5.23c.37-.36.59-.86.59-1.41a2 2 0 0 0-2-2a2 2 0 0 0-2 2h-2a4 4 0 0 1 4-4a4 4 0 0 1 4 4c0 1.1-.45 2.1-1.17 2.83L15 16h6v2Z"
-}, null, -1);
-const _hoisted_3$l = [
-  _hoisted_2$m
-];
-function render$h(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$m, _hoisted_3$l);
-}
-const MdiFormatHeader2 = { name: "mdi-format-header-2", render: render$h };
-const _hoisted_1$l = {
-  viewBox: "0 0 24 24",
-  width: "1.2em",
-  height: "1.2em"
-};
-const _hoisted_2$l = /* @__PURE__ */ createElementVNode("path", {
-  fill: "currentColor",
-  d: "M3 4h2v6h4V4h2v14H9v-6H5v6H3V4m12 0h4a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2h-4a2 2 0 0 1-2-2v-1h2v1h4v-4h-4v-2h4V6h-4v1h-2V6a2 2 0 0 1 2-2Z"
-}, null, -1);
-const _hoisted_3$k = [
-  _hoisted_2$l
-];
-function render$g(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$l, _hoisted_3$k);
-}
-const MdiFormatHeader3 = { name: "mdi-format-header-3", render: render$g };
-const _hoisted_1$k = {
-  viewBox: "0 0 24 24",
-  width: "1.2em",
-  height: "1.2em"
-};
-const _hoisted_2$k = /* @__PURE__ */ createElementVNode("path", {
-  fill: "currentColor",
-  d: "M3 4h2v6h4V4h2v14H9v-6H5v6H3V4m15 14v-5h-5v-2l5-7h2v7h1v2h-1v5h-2m0-7V7.42L15.45 11H18Z"
-}, null, -1);
-const _hoisted_3$j = [
-  _hoisted_2$k
-];
-function render$f(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$k, _hoisted_3$j);
-}
-const MdiFormatHeader4 = { name: "mdi-format-header-4", render: render$f };
-const _hoisted_1$j = {
-  viewBox: "0 0 24 24",
-  width: "1.2em",
-  height: "1.2em"
-};
-const _hoisted_2$j = /* @__PURE__ */ createElementVNode("path", {
-  fill: "currentColor",
-  d: "M3 4h2v6h4V4h2v14H9v-6H5v6H3V4m12 0h5v2h-5v4h2a4 4 0 0 1 4 4a4 4 0 0 1-4 4h-2a2 2 0 0 1-2-2v-1h2v1h2a2 2 0 0 0 2-2a2 2 0 0 0-2-2h-2a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2Z"
-}, null, -1);
-const _hoisted_3$i = [
-  _hoisted_2$j
-];
-function render$e(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$j, _hoisted_3$i);
-}
-const MdiFormatHeader5 = { name: "mdi-format-header-5", render: render$e };
-const _hoisted_1$i = {
-  viewBox: "0 0 24 24",
-  width: "1.2em",
-  height: "1.2em"
-};
-const _hoisted_2$i = /* @__PURE__ */ createElementVNode("path", {
-  fill: "currentColor",
-  d: "M3 4h2v6h4V4h2v14H9v-6H5v6H3V4m12 0h4a2 2 0 0 1 2 2v1h-2V6h-4v4h4a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2h-4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2m0 8v4h4v-4h-4Z"
-}, null, -1);
-const _hoisted_3$h = [
-  _hoisted_2$i
-];
-function render$d(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$i, _hoisted_3$h);
-}
-const MdiFormatHeader6 = { name: "mdi-format-header-6", render: render$d };
-const _hoisted_1$h = {
-  viewBox: "0 0 24 24",
-  width: "1.2em",
-  height: "1.2em"
-};
-const _hoisted_2$h = /* @__PURE__ */ createElementVNode("path", {
-  fill: "currentColor",
-  d: "M13.5 7a6.5 6.5 0 0 1 6.5 6.5a6.5 6.5 0 0 1-6.5 6.5H10v-2h3.5c2.5 0 4.5-2 4.5-4.5S16 9 13.5 9H7.83l3.08 3.09L9.5 13.5L4 8l5.5-5.5l1.42 1.41L7.83 7h5.67M6 18h2v2H6v-2Z"
-}, null, -1);
-const _hoisted_3$g = [
-  _hoisted_2$h
-];
-function render$c(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$h, _hoisted_3$g);
-}
-const MdiUndoVariant = { name: "mdi-undo-variant", render: render$c };
-const _hoisted_1$g = {
-  viewBox: "0 0 24 24",
-  width: "1.2em",
-  height: "1.2em"
-};
-const _hoisted_2$g = /* @__PURE__ */ createElementVNode("path", {
-  fill: "currentColor",
-  d: "M10.5 7A6.5 6.5 0 0 0 4 13.5a6.5 6.5 0 0 0 6.5 6.5H14v-2h-3.5C8 18 6 16 6 13.5S8 9 10.5 9h5.67l-3.08 3.09l1.41 1.41L20 8l-5.5-5.5l-1.42 1.41L16.17 7H10.5M18 18h-2v2h2v-2Z"
-}, null, -1);
-const _hoisted_3$f = [
-  _hoisted_2$g
-];
-function render$b(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$g, _hoisted_3$f);
-}
-const MdiRedoVariant = { name: "mdi-redo-variant", render: render$b };
-const _hoisted_1$f = {
-  viewBox: "0 0 24 24",
-  width: "1.2em",
-  height: "1.2em"
-};
-const _hoisted_2$f = /* @__PURE__ */ createElementVNode("path", {
-  fill: "currentColor",
-  d: "M5 21h14v-2H5v2m7-4a6 6 0 0 0 6-6V3h-2.5v8a3.5 3.5 0 0 1-3.5 3.5A3.5 3.5 0 0 1 8.5 11V3H6v8a6 6 0 0 0 6 6Z"
-}, null, -1);
-const _hoisted_3$e = [
-  _hoisted_2$f
-];
-function render$a(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$f, _hoisted_3$e);
-}
-const MdiFormatUnderline = { name: "mdi-format-underline", render: render$a };
-const _hoisted_1$e = {
-  viewBox: "0 0 24 24",
-  width: "1.2em",
-  height: "1.2em"
-};
-const _hoisted_2$e = /* @__PURE__ */ createElementVNode("path", {
-  fill: "currentColor",
-  d: "M3 3h18v2H3V3m0 4h12v2H3V7m0 4h18v2H3v-2m0 4h12v2H3v-2m0 4h18v2H3v-2Z"
-}, null, -1);
-const _hoisted_3$d = [
-  _hoisted_2$e
-];
-function render$9(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$e, _hoisted_3$d);
-}
-const MdiFormatAlignLeft = { name: "mdi-format-align-left", render: render$9 };
-const _hoisted_1$d = {
-  viewBox: "0 0 24 24",
-  width: "1.2em",
-  height: "1.2em"
-};
-const _hoisted_2$d = /* @__PURE__ */ createElementVNode("path", {
-  fill: "currentColor",
-  d: "M3 3h18v2H3V3m4 4h10v2H7V7m-4 4h18v2H3v-2m4 4h10v2H7v-2m-4 4h18v2H3v-2Z"
-}, null, -1);
-const _hoisted_3$c = [
-  _hoisted_2$d
-];
-function render$8(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$d, _hoisted_3$c);
-}
-const MdiFormatAlignCenter = { name: "mdi-format-align-center", render: render$8 };
-const _hoisted_1$c = {
-  viewBox: "0 0 24 24",
-  width: "1.2em",
-  height: "1.2em"
-};
-const _hoisted_2$c = /* @__PURE__ */ createElementVNode("path", {
-  fill: "currentColor",
-  d: "M3 3h18v2H3V3m6 4h12v2H9V7m-6 4h18v2H3v-2m6 4h12v2H9v-2m-6 4h18v2H3v-2Z"
-}, null, -1);
-const _hoisted_3$b = [
-  _hoisted_2$c
-];
-function render$7(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$c, _hoisted_3$b);
-}
-const MdiFormatAlignRight = { name: "mdi-format-align-right", render: render$7 };
-const _hoisted_1$b = {
-  viewBox: "0 0 24 24",
-  width: "1.2em",
-  height: "1.2em"
-};
-const _hoisted_2$b = /* @__PURE__ */ createElementVNode("path", {
-  fill: "currentColor",
-  d: "M3 3h18v2H3V3m0 4h18v2H3V7m0 4h18v2H3v-2m0 4h18v2H3v-2m0 4h18v2H3v-2Z"
-}, null, -1);
-const _hoisted_3$a = [
-  _hoisted_2$b
-];
-function render$6(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$b, _hoisted_3$a);
-}
-const MdiFormatAlignJustify = { name: "mdi-format-align-justify", render: render$6 };
-const _hoisted_1$a = {
-  viewBox: "0 0 24 24",
-  width: "1.2em",
-  height: "1.2em"
-};
-const _hoisted_2$a = /* @__PURE__ */ createElementVNode("path", {
-  fill: "currentColor",
-  d: "m10 7l-2 4h3v6H5v-6l2-4h3m8 0l-2 4h3v6h-6v-6l2-4h3Z"
-}, null, -1);
-const _hoisted_3$9 = [
-  _hoisted_2$a
-];
-function render$5(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$a, _hoisted_3$9);
-}
-const MdiFormatQuoteOpen = { name: "mdi-format-quote-open", render: render$5 };
-const _hoisted_1$9 = {
-  viewBox: "0 0 24 24",
-  width: "1.2em",
-  height: "1.2em"
-};
-const _hoisted_2$9 = /* @__PURE__ */ createElementVNode("path", {
-  fill: "currentColor",
-  d: "m14.6 16.6l4.6-4.6l-4.6-4.6L16 6l6 6l-6 6l-1.4-1.4m-5.2 0L4.8 12l4.6-4.6L8 6l-6 6l6 6l1.4-1.4Z"
-}, null, -1);
-const _hoisted_3$8 = [
-  _hoisted_2$9
-];
-function render$4(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$9, _hoisted_3$8);
-}
-const MdiCodeTags = { name: "mdi-code-tags", render: render$4 };
-const _hoisted_1$8 = {
-  viewBox: "0 0 24 24",
-  width: "1.2em",
-  height: "1.2em"
-};
-const _hoisted_2$8 = /* @__PURE__ */ createElementVNode("path", {
-  fill: "currentColor",
-  d: "M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2m-8 5H9v2c0 1.1-.9 2-2 2c1.1 0 2 .9 2 2v2h2v2H9c-1.1 0-2-.9-2-2v-1c0-1.1-.9-2-2-2v-2c1.1 0 2-.9 2-2V8c0-1.1.9-2 2-2h2v2m8 5c-1.1 0-2 .9-2 2v1c0 1.1-.9 2-2 2h-2v-2h2v-2c0-1.1.9-2 2-2c-1.1 0-2-.9-2-2V8h-2V6h2c1.1 0 2 .9 2 2v1c0 1.1.9 2 2 2v2Z"
-}, null, -1);
-const _hoisted_3$7 = [
-  _hoisted_2$8
-];
-function render$3(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$8, _hoisted_3$7);
-}
-const MdiCodeBracesBox = { name: "mdi-code-braces-box", render: render$3 };
-const _hoisted_1$7 = {
-  viewBox: "0 0 24 24",
-  width: "1.2em",
-  height: "1.2em"
-};
-const _hoisted_2$7 = /* @__PURE__ */ createElementVNode("path", {
-  fill: "currentColor",
-  d: "M16 7.41L11.41 12L16 16.59L14.59 18L10 13.41L5.41 18L4 16.59L8.59 12L4 7.41L5.41 6L10 10.59L14.59 6L16 7.41M21.85 9h-4.88V8l.89-.82c.76-.64 1.32-1.18 1.7-1.63c.37-.44.56-.85.57-1.23a.884.884 0 0 0-.27-.7c-.18-.19-.47-.28-.86-.29c-.31.01-.58.07-.84.17l-.66.39l-.45-1.17c.27-.22.59-.39.98-.53S18.85 2 19.32 2c.78 0 1.38.2 1.78.61c.4.39.62.93.62 1.57c-.01.56-.19 1.08-.54 1.55c-.34.48-.76.93-1.27 1.36l-.64.52v.02h2.58V9Z"
-}, null, -1);
-const _hoisted_3$6 = [
-  _hoisted_2$7
-];
-function render$2(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$7, _hoisted_3$6);
-}
-const MdiFormatSuperscript = { name: "mdi-format-superscript", render: render$2 };
-const _hoisted_1$6 = {
-  viewBox: "0 0 24 24",
-  width: "1.2em",
-  height: "1.2em"
-};
-const _hoisted_2$6 = /* @__PURE__ */ createElementVNode("path", {
-  fill: "currentColor",
-  d: "M16 7.41L11.41 12L16 16.59L14.59 18L10 13.41L5.41 18L4 16.59L8.59 12L4 7.41L5.41 6L10 10.59L14.59 6L16 7.41m5.85 13.62h-4.88v-1l.89-.8c.76-.65 1.32-1.19 1.7-1.63c.37-.44.56-.85.57-1.24a.898.898 0 0 0-.27-.7c-.18-.16-.47-.28-.86-.28c-.31 0-.58.06-.84.18l-.66.38l-.45-1.17c.27-.21.59-.39.98-.53s.82-.24 1.29-.24c.78.04 1.38.25 1.78.66c.4.41.62.93.62 1.57c-.01.56-.19 1.08-.54 1.55c-.34.47-.76.92-1.27 1.36l-.64.52v.02h2.58v1.35Z"
-}, null, -1);
-const _hoisted_3$5 = [
-  _hoisted_2$6
-];
-function render$1(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$6, _hoisted_3$5);
-}
-const MdiFormatSubscript = { name: "mdi-format-subscript", render: render$1 };
-const _hoisted_1$5 = { class: "editor-header flex items-center py-1 space-x-0.5 justify-center border-b drop-shadow-sm bg-white" };
-const _hoisted_2$5 = ["onClick"];
-const _hoisted_3$4 = { class: "w-24 flex flex-col" };
+const _hoisted_1$r = { class: "editor-header flex items-center py-1 space-x-0.5 justify-center border-b drop-shadow-sm bg-white" };
+const _hoisted_2$r = ["onClick"];
+const _hoisted_3$q = { class: "w-24 flex flex-col" };
 const _hoisted_4$1 = ["onClick"];
 const _hoisted_5$1 = { class: "text-sm" };
 const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   __name: "EditorHeader",
   props: {
-    editor: {
-      type: Object,
-      required: true
-    },
-    addtionalMenuItems: {
+    menuItems: {
       type: Array,
       required: false,
       default: () => []
     }
   },
   setup(__props) {
-    const props = __props;
-    const menuItems = [
-      {
-        type: "button",
-        icon: MdiUndoVariant,
-        title: "Undo",
-        action: () => props.editor.chain().undo().run(),
-        isActive: () => false
-      },
-      {
-        type: "button",
-        icon: MdiRedoVariant,
-        title: "Redo",
-        action: () => props.editor.chain().redo().run(),
-        isActive: () => false
-      },
-      {
-        type: "button",
-        icon: MdiFormatBold,
-        title: "Bold",
-        action: () => props.editor.chain().focus().toggleBold().run(),
-        isActive: () => props.editor.isActive("bold")
-      },
-      {
-        type: "button",
-        icon: MdiFormatItalic,
-        title: "Italic",
-        action: () => props.editor.chain().focus().toggleItalic().run(),
-        isActive: () => props.editor.isActive("italic")
-      },
-      {
-        type: "button",
-        icon: MdiFormatUnderline,
-        title: "Underline",
-        action: () => props.editor.chain().focus().toggleUnderline().run(),
-        isActive: () => props.editor.isActive("underline")
-      },
-      {
-        type: "button",
-        icon: MdiFormatStrikethrough,
-        title: "Strike",
-        action: () => props.editor.chain().focus().toggleStrike().run(),
-        isActive: () => props.editor.isActive("strike")
-      },
-      {
-        type: "button",
-        icon: MdiFormatQuoteOpen,
-        title: "Quote",
-        action: () => props.editor.chain().focus().toggleBlockquote().run(),
-        isActive: () => props.editor.isActive("blockquote")
-      },
-      {
-        type: "button",
-        icon: MdiCodeTags,
-        title: "Code",
-        action: () => props.editor.chain().focus().toggleCode().run(),
-        isActive: () => props.editor.isActive("code")
-      },
-      {
-        type: "button",
-        icon: MdiFormatSuperscript,
-        title: "SuperScript",
-        action: () => props.editor.chain().focus().toggleSuperscript().run(),
-        isActive: () => props.editor.isActive("superscript")
-      },
-      {
-        type: "button",
-        icon: MdiFormatSubscript,
-        title: "SubScript",
-        action: () => props.editor.chain().focus().toggleSubscript().run(),
-        isActive: () => props.editor.isActive("subscript")
-      },
-      {
-        type: "button",
-        icon: MdiCodeBracesBox,
-        title: "Code Block",
-        action: () => props.editor.chain().focus().toggleCodeBlock().run(),
-        isActive: () => props.editor.isActive("codeBlock")
-      },
-      {
-        type: "button",
-        icon: MdiFormatHeaderPound,
-        title: "\u666E\u901A\u6587\u672C",
-        isActive: () => props.editor.isActive("heading"),
-        children: [
-          {
-            type: "button",
-            icon: MdiFormatHeader1,
-            title: "\u6807\u9898 1",
-            action: () => props.editor.chain().focus().toggleHeading({ level: 1 }).run(),
-            isActive: () => props.editor.isActive("heading", { level: 1 })
-          },
-          {
-            type: "button",
-            icon: MdiFormatHeader2,
-            title: "\u6807\u9898 2",
-            action: () => props.editor.chain().focus().toggleHeading({ level: 2 }).run(),
-            isActive: () => props.editor.isActive("heading", { level: 1 })
-          },
-          {
-            type: "button",
-            icon: MdiFormatHeader3,
-            title: "\u6807\u9898 3",
-            action: () => props.editor.chain().focus().toggleHeading({ level: 3 }).run(),
-            isActive: () => props.editor.isActive("heading", { level: 1 })
-          },
-          {
-            type: "button",
-            icon: MdiFormatHeader4,
-            title: "\u6807\u9898 4",
-            action: () => props.editor.chain().focus().toggleHeading({ level: 4 }).run(),
-            isActive: () => props.editor.isActive("heading", { level: 1 })
-          },
-          {
-            type: "button",
-            icon: MdiFormatHeader5,
-            title: "\u6807\u9898 5",
-            action: () => props.editor.chain().focus().toggleHeading({ level: 5 }).run(),
-            isActive: () => props.editor.isActive("heading", { level: 1 })
-          },
-          {
-            type: "button",
-            icon: MdiFormatHeader6,
-            title: "\u6807\u9898 6",
-            action: () => props.editor.chain().focus().toggleHeading({ level: 6 }).run(),
-            isActive: () => props.editor.isActive("heading", { level: 1 })
-          }
-        ]
-      },
-      {
-        type: "button",
-        icon: MdiFormatAlignLeft,
-        title: "Align left",
-        action: () => props.editor.chain().focus().setTextAlign("left").run(),
-        isActive: () => props.editor.isActive({ textAlign: "left" })
-      },
-      {
-        type: "button",
-        icon: MdiFormatAlignCenter,
-        title: "Align center",
-        action: () => props.editor.chain().focus().setTextAlign("center").run(),
-        isActive: () => props.editor.isActive({ textAlign: "center" })
-      },
-      {
-        type: "button",
-        icon: MdiFormatAlignRight,
-        title: "Align right",
-        action: () => props.editor.chain().focus().setTextAlign("right").run(),
-        isActive: () => props.editor.isActive({ textAlign: "right" })
-      },
-      {
-        type: "button",
-        icon: MdiFormatAlignJustify,
-        title: "Align justify",
-        action: () => props.editor.chain().focus().setTextAlign("justify").run(),
-        isActive: () => props.editor.isActive({ textAlign: "justify" })
-      },
-      ...props.addtionalMenuItems
-    ];
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$5, [
-        (openBlock(), createElementBlock(Fragment$1, null, renderList(menuItems, (menuItem, index2) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$r, [
+        (openBlock(true), createElementBlock(Fragment$1, null, renderList(__props.menuItems, (menuItem, index2) => {
           var _a, _b;
-          return createElementVNode("div", {
+          return openBlock(), createElementBlock("div", {
             key: index2,
             class: "inline-flex items-center justify-center"
           }, [
@@ -19370,9 +18855,9 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
               onClick: menuItem.action
             }, [
               (openBlock(), createBlock(resolveDynamicComponent(menuItem.icon)))
-            ], 10, _hoisted_2$5)) : (openBlock(), createBlock(unref(Menu), { key: 1 }, {
+            ], 10, _hoisted_2$r)) : (openBlock(), createBlock(unref(Menu), { key: 1 }, {
               popper: withCtx(() => [
-                createElementVNode("div", _hoisted_3$4, [
+                createElementVNode("div", _hoisted_3$q, [
                   (openBlock(true), createElementBlock(Fragment$1, null, renderList(menuItem.children, (child, childIndex) => {
                     var _a2;
                     return openBlock(), createElementBlock("div", {
@@ -19403,127 +18888,38 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
               _: 2
             }, 1024))
           ]);
-        }), 64))
+        }), 128))
       ]);
     };
   }
 });
 const svgArrow = "";
-const _hoisted_1$4 = { class: "bg-white flex items-center rounded p-1 border drop-shadow space-x-0.5" };
-const _hoisted_2$4 = ["title", "onClick"];
+const _hoisted_1$q = { class: "bg-white flex items-center rounded p-1 border drop-shadow space-x-0.5" };
+const _hoisted_2$q = ["title", "onClick"];
 const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   __name: "EditorBubbleMenu",
   props: {
     editor: {
       type: Object,
       required: true
+    },
+    menuItems: {
+      type: Array,
+      required: false,
+      default: () => []
     }
   },
   setup(__props) {
-    const props = __props;
-    const menuItems = [
-      {
-        type: "button",
-        icon: MdiFormatBold,
-        title: "Bold",
-        action: () => props.editor.chain().focus().toggleBold().run(),
-        isActive: () => props.editor.isActive("bold")
-      },
-      {
-        type: "button",
-        icon: MdiFormatItalic,
-        title: "Italic",
-        action: () => props.editor.chain().focus().toggleItalic().run(),
-        isActive: () => props.editor.isActive("italic")
-      },
-      {
-        type: "button",
-        icon: MdiFormatUnderline,
-        title: "Underline",
-        action: () => props.editor.chain().focus().toggleUnderline().run(),
-        isActive: () => props.editor.isActive("underline")
-      },
-      {
-        type: "button",
-        icon: MdiFormatStrikethrough,
-        title: "Strike",
-        action: () => props.editor.chain().focus().toggleStrike().run(),
-        isActive: () => props.editor.isActive("strike")
-      },
-      {
-        type: "button",
-        icon: MdiFormatQuoteOpen,
-        title: "Quote",
-        action: () => props.editor.chain().focus().toggleBlockquote().run(),
-        isActive: () => props.editor.isActive("blockquote")
-      },
-      {
-        type: "button",
-        icon: MdiCodeTags,
-        title: "Code",
-        action: () => props.editor.chain().focus().toggleCode().run(),
-        isActive: () => props.editor.isActive("code")
-      },
-      {
-        type: "button",
-        icon: MdiCodeBracesBox,
-        title: "Code Block",
-        action: () => props.editor.chain().focus().toggleCodeBlock().run(),
-        isActive: () => props.editor.isActive("codeBlock")
-      },
-      {
-        type: "button",
-        icon: MdiFormatSuperscript,
-        title: "SuperScript",
-        action: () => props.editor.chain().focus().toggleSuperscript().run(),
-        isActive: () => props.editor.isActive("superscript")
-      },
-      {
-        type: "button",
-        icon: MdiFormatSubscript,
-        title: "SubScript",
-        action: () => props.editor.chain().focus().toggleSubscript().run(),
-        isActive: () => props.editor.isActive("subscript")
-      },
-      {
-        type: "button",
-        icon: MdiFormatAlignLeft,
-        title: "Align left",
-        action: () => props.editor.chain().focus().setTextAlign("left").run(),
-        isActive: () => props.editor.isActive({ textAlign: "left" })
-      },
-      {
-        type: "button",
-        icon: MdiFormatAlignCenter,
-        title: "Align center",
-        action: () => props.editor.chain().focus().setTextAlign("center").run(),
-        isActive: () => props.editor.isActive({ textAlign: "center" })
-      },
-      {
-        type: "button",
-        icon: MdiFormatAlignRight,
-        title: "Align right",
-        action: () => props.editor.chain().focus().setTextAlign("right").run(),
-        isActive: () => props.editor.isActive({ textAlign: "right" })
-      },
-      {
-        type: "button",
-        icon: MdiFormatAlignJustify,
-        title: "Align justify",
-        action: () => props.editor.chain().focus().setTextAlign("justify").run(),
-        isActive: () => props.editor.isActive({ textAlign: "justify" })
-      }
-    ];
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(BubbleMenu), {
         editor: __props.editor,
         "tippy-options": { duration: 100, arrow: unref(ROUND_ARROW), maxWidth: "100%" }
       }, {
         default: withCtx(() => [
-          createElementVNode("div", _hoisted_1$4, [
-            (openBlock(), createElementBlock(Fragment$1, null, renderList(menuItems, (menuItem, index2) => {
+          createElementVNode("div", _hoisted_1$q, [
+            (openBlock(true), createElementBlock(Fragment$1, null, renderList(__props.menuItems, (menuItem, index2) => {
               var _a;
-              return createElementVNode("button", {
+              return openBlock(), createElementBlock("button", {
                 key: index2,
                 class: normalizeClass([{ "bg-gray-200 !text-black": (_a = menuItem.isActive) == null ? void 0 : _a.call(menuItem) }, "text-gray-600 text-lg hover:bg-gray-100 p-0.5 rounded-sm"]),
                 title: menuItem.title,
@@ -19533,8 +18929,8 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
                 }
               }, [
                 (openBlock(), createBlock(resolveDynamicComponent(menuItem.icon)))
-              ], 10, _hoisted_2$4);
-            }), 64))
+              ], 10, _hoisted_2$q);
+            }), 128))
           ])
         ]),
         _: 1
@@ -19542,12 +18938,12 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$3 = {
+const _hoisted_1$p = {
   key: 0,
   class: "halo-rich-text-editor"
 };
-const _hoisted_2$3 = { class: "h-full flex flex-row w-full" };
-const _hoisted_3$3 = { class: "h-full" };
+const _hoisted_2$p = { class: "h-full flex flex-row w-full" };
+const _hoisted_3$p = { class: "h-full" };
 const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "Editor",
   props: {
@@ -19555,7 +18951,17 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
       type: Object,
       required: true
     },
-    addtionalMenuItems: {
+    additionalMenuItems: {
+      type: Array,
+      required: false,
+      default: () => []
+    },
+    toolbarMenuItems: {
+      type: Array,
+      required: false,
+      default: () => []
+    },
+    bubbleMenuItems: {
       type: Array,
       required: false,
       default: () => []
@@ -19563,18 +18969,18 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return __props.editor ? (openBlock(), createElementBlock("div", _hoisted_1$3, [
-        createVNode(_sfc_main$4, { editor: __props.editor }, null, 8, ["editor"]),
-        createVNode(_sfc_main$5, {
+      return __props.editor ? (openBlock(), createElementBlock("div", _hoisted_1$p, [
+        createVNode(_sfc_main$4, {
           editor: __props.editor,
-          addtionalMenuItems: __props.addtionalMenuItems
-        }, null, 8, ["editor", "addtionalMenuItems"]),
-        createElementVNode("div", _hoisted_2$3, [
+          "menu-items": __props.bubbleMenuItems
+        }, null, 8, ["editor", "menu-items"]),
+        createVNode(_sfc_main$5, { "menu-items": __props.toolbarMenuItems }, null, 8, ["menu-items"]),
+        createElementVNode("div", _hoisted_2$p, [
           createVNode(unref(EditorContent), {
             editor: __props.editor,
-            class: "editor-content markdown-body"
+            class: "editor-content prose prose-base !max-w-none prose-pre:p-0"
           }, null, 8, ["editor"]),
-          createElementVNode("div", _hoisted_3$3, [
+          createElementVNode("div", _hoisted_3$p, [
             renderSlot(_ctx.$slots, "extra")
           ])
         ])
@@ -19585,7 +18991,6 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
 const index = "";
 const tailwind = "";
 const style = "";
-const githubMarkdownLight = "";
 const inputRegex$6 = /^\s*>\s$/;
 const Blockquote = Node.create({
   name: "blockquote",
@@ -26836,9 +26241,9 @@ const ExtensionCommands = Extension.create({
     ];
   }
 });
-const _hoisted_1$2 = { class: "command-items" };
-const _hoisted_2$2 = ["onClick"];
-const _hoisted_3$2 = { class: "command-title" };
+const _hoisted_1$o = { class: "command-items" };
+const _hoisted_2$o = ["id", "onClick"];
+const _hoisted_3$o = { class: "command-title" };
 const _hoisted_4 = {
   key: 1,
   class: "command-empty"
@@ -26885,9 +26290,11 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     }
     function handleKeyUp() {
       selectedIndex.value = (selectedIndex.value + props.items.length - 1) % props.items.length;
+      scrollToSelected();
     }
     function handleKeyDown2() {
       selectedIndex.value = (selectedIndex.value + 1) % props.items.length;
+      scrollToSelected();
     }
     function handleKeyEnter() {
       handleSelectItem(selectedIndex.value);
@@ -26898,27 +26305,206 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
         props.command(item);
       }
     }
+    function scrollToSelected() {
+      const selected = document.getElementById(
+        `command-item-${selectedIndex.value}`
+      );
+      if (selected) {
+        selected.scrollIntoView({
+          behavior: "smooth"
+        });
+      }
+    }
     expose({
       onKeyDown
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$2, [
+      return openBlock(), createElementBlock("div", _hoisted_1$o, [
         __props.items.length ? (openBlock(true), createElementBlock(Fragment$1, { key: 0 }, renderList(__props.items, (item, index2) => {
           return openBlock(), createElementBlock("div", {
             key: index2,
+            id: `command-item-${index2}`,
             class: normalizeClass([{ "is-selected": index2 === selectedIndex.value }, "command-item"]),
             onClick: ($event) => handleSelectItem(index2)
           }, [
             (openBlock(), createBlock(resolveDynamicComponent(item.icon), { class: "command-icon" })),
-            createElementVNode("span", _hoisted_3$2, toDisplayString(item.title), 1)
-          ], 10, _hoisted_2$2);
+            createElementVNode("span", _hoisted_3$o, toDisplayString(item.title), 1)
+          ], 10, _hoisted_2$o);
         }), 128)) : (openBlock(), createElementBlock("div", _hoisted_4, _hoisted_6))
       ]);
     };
   }
 });
 const CommandsView_vue_vue_type_style_index_0_lang = "";
-const CommandsSuggestion = {
+const _hoisted_1$n = {
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+const _hoisted_2$n = /* @__PURE__ */ createElementVNode("path", {
+  fill: "currentColor",
+  d: "M3 4h2v6h4V4h2v14H9v-6H5v6H3V4m11 14v-2h2V6.31l-2.5 1.44V5.44L16 4h2v12h2v2h-6Z"
+}, null, -1);
+const _hoisted_3$n = [
+  _hoisted_2$n
+];
+function render$m(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$n, _hoisted_3$n);
+}
+const MdiFormatHeader1 = { name: "mdi-format-header-1", render: render$m };
+const _hoisted_1$m = {
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+const _hoisted_2$m = /* @__PURE__ */ createElementVNode("path", {
+  fill: "currentColor",
+  d: "M3 4h2v6h4V4h2v14H9v-6H5v6H3V4m18 14h-6a2 2 0 0 1-2-2c0-.53.2-1 .54-1.36l4.87-5.23c.37-.36.59-.86.59-1.41a2 2 0 0 0-2-2a2 2 0 0 0-2 2h-2a4 4 0 0 1 4-4a4 4 0 0 1 4 4c0 1.1-.45 2.1-1.17 2.83L15 16h6v2Z"
+}, null, -1);
+const _hoisted_3$m = [
+  _hoisted_2$m
+];
+function render$l(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$m, _hoisted_3$m);
+}
+const MdiFormatHeader2 = { name: "mdi-format-header-2", render: render$l };
+const _hoisted_1$l = {
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+const _hoisted_2$l = /* @__PURE__ */ createElementVNode("path", {
+  fill: "currentColor",
+  d: "M3 4h2v6h4V4h2v14H9v-6H5v6H3V4m12 0h4a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2h-4a2 2 0 0 1-2-2v-1h2v1h4v-4h-4v-2h4V6h-4v1h-2V6a2 2 0 0 1 2-2Z"
+}, null, -1);
+const _hoisted_3$l = [
+  _hoisted_2$l
+];
+function render$k(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$l, _hoisted_3$l);
+}
+const MdiFormatHeader3 = { name: "mdi-format-header-3", render: render$k };
+const _hoisted_1$k = {
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+const _hoisted_2$k = /* @__PURE__ */ createElementVNode("path", {
+  fill: "currentColor",
+  d: "M3 4h2v6h4V4h2v14H9v-6H5v6H3V4m15 14v-5h-5v-2l5-7h2v7h1v2h-1v5h-2m0-7V7.42L15.45 11H18Z"
+}, null, -1);
+const _hoisted_3$k = [
+  _hoisted_2$k
+];
+function render$j(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$k, _hoisted_3$k);
+}
+const MdiFormatHeader4 = { name: "mdi-format-header-4", render: render$j };
+const _hoisted_1$j = {
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+const _hoisted_2$j = /* @__PURE__ */ createElementVNode("path", {
+  fill: "currentColor",
+  d: "M3 4h2v6h4V4h2v14H9v-6H5v6H3V4m12 0h5v2h-5v4h2a4 4 0 0 1 4 4a4 4 0 0 1-4 4h-2a2 2 0 0 1-2-2v-1h2v1h2a2 2 0 0 0 2-2a2 2 0 0 0-2-2h-2a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2Z"
+}, null, -1);
+const _hoisted_3$j = [
+  _hoisted_2$j
+];
+function render$i(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$j, _hoisted_3$j);
+}
+const MdiFormatHeader5 = { name: "mdi-format-header-5", render: render$i };
+const _hoisted_1$i = {
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+const _hoisted_2$i = /* @__PURE__ */ createElementVNode("path", {
+  fill: "currentColor",
+  d: "M3 4h2v6h4V4h2v14H9v-6H5v6H3V4m12 0h4a2 2 0 0 1 2 2v1h-2V6h-4v4h4a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2h-4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2m0 8v4h4v-4h-4Z"
+}, null, -1);
+const _hoisted_3$i = [
+  _hoisted_2$i
+];
+function render$h(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$i, _hoisted_3$i);
+}
+const MdiFormatHeader6 = { name: "mdi-format-header-6", render: render$h };
+const _hoisted_1$h = {
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+const _hoisted_2$h = /* @__PURE__ */ createElementVNode("path", {
+  fill: "currentColor",
+  d: "M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2m-8 5H9v2c0 1.1-.9 2-2 2c1.1 0 2 .9 2 2v2h2v2H9c-1.1 0-2-.9-2-2v-1c0-1.1-.9-2-2-2v-2c1.1 0 2-.9 2-2V8c0-1.1.9-2 2-2h2v2m8 5c-1.1 0-2 .9-2 2v1c0 1.1-.9 2-2 2h-2v-2h2v-2c0-1.1.9-2 2-2c-1.1 0-2-.9-2-2V8h-2V6h2c1.1 0 2 .9 2 2v1c0 1.1.9 2 2 2v2Z"
+}, null, -1);
+const _hoisted_3$h = [
+  _hoisted_2$h
+];
+function render$g(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$h, _hoisted_3$h);
+}
+const MdiCodeBracesBox = { name: "mdi-code-braces-box", render: render$g };
+const CommandHeader1 = {
+  icon: markRaw(MdiFormatHeader1),
+  title: "\u4E00\u7EA7\u6807\u9898",
+  keywords: ["h1", "header1", "1", "yijibiaoti"],
+  command: ({ editor, range }) => {
+    editor.chain().focus().deleteRange(range).setNode("heading", { level: 1 }).run();
+  }
+};
+const CommandHeader2 = {
+  icon: markRaw(MdiFormatHeader2),
+  title: "\u4E8C\u7EA7\u6807\u9898",
+  keywords: ["h2", "header2", "2", "erjibiaoti"],
+  command: ({ editor, range }) => {
+    editor.chain().focus().deleteRange(range).setNode("heading", { level: 2 }).run();
+  }
+};
+const CommandHeader3 = {
+  icon: markRaw(MdiFormatHeader3),
+  title: "\u4E09\u7EA7\u6807\u9898",
+  keywords: ["h3", "header3", "3", "sanjibiaoti"],
+  command: ({ editor, range }) => {
+    editor.chain().focus().deleteRange(range).setNode("heading", { level: 3 }).run();
+  }
+};
+const CommandHeader4 = {
+  icon: markRaw(MdiFormatHeader4),
+  title: "\u56DB\u7EA7\u6807\u9898",
+  keywords: ["h4", "header4", "4", "sijibiaoti"],
+  command: ({ editor, range }) => {
+    editor.chain().focus().deleteRange(range).setNode("heading", { level: 4 }).run();
+  }
+};
+const CommandHeader5 = {
+  icon: markRaw(MdiFormatHeader5),
+  title: "\u4E94\u7EA7\u6807\u9898",
+  keywords: ["h5", "header5", "5", "wujibiaoti"],
+  command: ({ editor, range }) => {
+    editor.chain().focus().deleteRange(range).setNode("heading", { level: 5 }).run();
+  }
+};
+const CommandHeader6 = {
+  icon: markRaw(MdiFormatHeader6),
+  title: "\u516D\u7EA7\u6807\u9898",
+  keywords: ["h6", "header6", "6", "liujibiaoti"],
+  command: ({ editor, range }) => {
+    editor.chain().focus().deleteRange(range).setNode("heading", { level: 6 }).run();
+  }
+};
+const CommandCodeBlock = {
+  icon: markRaw(MdiCodeBracesBox),
+  title: "\u4EE3\u7801\u5757",
+  keywords: ["codeblock", "daimakuai"],
+  command: ({ editor, range }) => {
+    editor.chain().focus().deleteRange(range).setCodeBlock().run();
+  }
+};
+const suggestion = {
   items: ({ query }) => {
     return [
       {
@@ -75085,9 +74671,9 @@ lowlight$1.registerLanguage("xl", xl);
 lowlight$1.registerLanguage("xquery", xquery);
 lowlight$1.registerLanguage("zephir", zephir);
 const lowlight = lowlight$1;
-const _hoisted_1$1 = { class: "py-0.5 px-1" };
-const _hoisted_2$1 = /* @__PURE__ */ createElementVNode("option", { value: null }, "auto", -1);
-const _hoisted_3$1 = ["value"];
+const _hoisted_1$g = { class: "py-0.5 px-1" };
+const _hoisted_2$g = /* @__PURE__ */ createElementVNode("option", { value: null }, "auto", -1);
+const _hoisted_3$g = ["value"];
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "CodeBlockViewRenderer",
   props: nodeViewProps,
@@ -75108,17 +74694,17 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(NodeViewWrapper), { class: "code-block divide-gray-100 bg-gray-100 rounded-sm overflow-hidden" }, {
         default: withCtx(() => [
-          createElementVNode("div", _hoisted_1$1, [
+          createElementVNode("div", _hoisted_1$g, [
             withDirectives(createElementVNode("select", {
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(selectedLanguage) ? selectedLanguage.value = $event : null),
               contenteditable: "false"
             }, [
-              _hoisted_2$1,
+              _hoisted_2$g,
               (openBlock(true), createElementBlock(Fragment$1, null, renderList(unref(languages), (language, index2) => {
                 return openBlock(), createElementBlock("option", {
                   key: index2,
                   value: language
-                }, toDisplayString(language), 9, _hoisted_3$1);
+                }, toDisplayString(language), 9, _hoisted_3$g);
               }), 128))
             ], 512), [
               [vModelSelect, unref(selectedLanguage)]
@@ -82884,6 +82470,11 @@ function getHLines(parser) {
   var hlineInfo = [];
   parser.consumeSpaces();
   var nxt = parser.fetch().text;
+  if (nxt === "\\relax") {
+    parser.consume();
+    parser.consumeSpaces();
+    nxt = parser.fetch().text;
+  }
   while (nxt === "\\hline" || nxt === "\\hdashline") {
     parser.consume();
     hlineInfo.push(nxt === "\\hdashline");
@@ -88704,7 +88295,7 @@ var parseTree = function parseTree2(toParse, settings) {
   }
   return tree;
 };
-var render = function render2(expression, baseNode, options) {
+var render$f = function render(expression, baseNode, options) {
   baseNode.textContent = "";
   var node = renderToDomTree(expression, options).toNode();
   baseNode.appendChild(node);
@@ -88712,7 +88303,7 @@ var render = function render2(expression, baseNode, options) {
 if (typeof document !== "undefined") {
   if (document.compatMode !== "CSS1Compat") {
     typeof console !== "undefined" && console.warn("Warning: KaTeX doesn't work in quirks mode. Make sure your website has a suitable doctype.");
-    render = function render3() {
+    render$f = function render3() {
       throw new ParseError("KaTeX doesn't work in quirks mode.");
     };
   }
@@ -88753,8 +88344,8 @@ var renderToHTMLTree = function renderToHTMLTree2(expression, options) {
   }
 };
 var katex = {
-  version: "0.16.2",
-  render,
+  version: "0.16.3",
+  render: render$f,
   renderToString,
   ParseError,
   SETTINGS_SCHEMA,
@@ -88773,9 +88364,9 @@ var katex = {
     LineNode
   }
 };
-const _hoisted_1 = { class: "" };
-const _hoisted_2 = { class: "" };
-const _hoisted_3 = ["innerHTML"];
+const _hoisted_1$f = { class: "" };
+const _hoisted_2$f = { class: "" };
+const _hoisted_3$f = ["innerHTML"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "KatexBlockViewRenderer",
   props: nodeViewProps,
@@ -88804,8 +88395,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(NodeViewWrapper), { class: "bg-gray-100 p-4" }, {
         default: withCtx(() => [
-          createElementVNode("div", _hoisted_1, [
-            createElementVNode("div", _hoisted_2, [
+          createElementVNode("div", _hoisted_1$f, [
+            createElementVNode("div", _hoisted_2$f, [
               createElementVNode("button", {
                 onClick: _cache[0] || (_cache[0] = withModifiers(
                   (...args) => _ctx.deleteNode && _ctx.deleteNode(...args),
@@ -88820,7 +88411,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }, null, 512), [
               [vModelText, rawText.value]
             ]),
-            createElementVNode("div", { innerHTML: unref(renderedKatex) }, null, 8, _hoisted_3)
+            createElementVNode("div", { innerHTML: unref(renderedKatex) }, null, 8, _hoisted_3$f)
           ])
         ]),
         _: 1
@@ -88898,6 +88489,7 @@ const allExtensions = [
   Strike,
   Text$1,
   Image.configure({
+    inline: true,
     HTMLAttributes: {
       loading: "lazy"
     }
@@ -88924,22 +88516,463 @@ const allExtensions = [
     placeholder: "\u8F93\u5165 / \u4EE5\u9009\u62E9\u8F93\u5165\u7C7B\u578B"
   }),
   ExtensionCommands.configure({
-    suggestion: CommandsSuggestion
+    suggestion: {}
   }),
   ExtensionCodeBlock.configure({
     lowlight
   }),
   KatexBlock
 ];
+const _hoisted_1$e = {
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+const _hoisted_2$e = /* @__PURE__ */ createElementVNode("path", {
+  fill: "currentColor",
+  d: "M13.5 15.5H10v-3h3.5A1.5 1.5 0 0 1 15 14a1.5 1.5 0 0 1-1.5 1.5m-3.5-9h3A1.5 1.5 0 0 1 14.5 8A1.5 1.5 0 0 1 13 9.5h-3m5.6 1.29c.97-.68 1.65-1.79 1.65-2.79c0-2.26-1.75-4-4-4H7v14h7.04c2.1 0 3.71-1.7 3.71-3.79c0-1.52-.86-2.82-2.15-3.42Z"
+}, null, -1);
+const _hoisted_3$e = [
+  _hoisted_2$e
+];
+function render$e(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$e, _hoisted_3$e);
+}
+const MdiFormatBold = { name: "mdi-format-bold", render: render$e };
+const _hoisted_1$d = {
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+const _hoisted_2$d = /* @__PURE__ */ createElementVNode("path", {
+  fill: "currentColor",
+  d: "M10 4v3h2.21l-3.42 8H6v3h8v-3h-2.21l3.42-8H18V4h-8Z"
+}, null, -1);
+const _hoisted_3$d = [
+  _hoisted_2$d
+];
+function render$d(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$d, _hoisted_3$d);
+}
+const MdiFormatItalic = { name: "mdi-format-italic", render: render$d };
+const _hoisted_1$c = {
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+const _hoisted_2$c = /* @__PURE__ */ createElementVNode("path", {
+  fill: "currentColor",
+  d: "M3 14h18v-2H3m2-8v3h5v3h4V7h5V4m-9 15h4v-3h-4v3Z"
+}, null, -1);
+const _hoisted_3$c = [
+  _hoisted_2$c
+];
+function render$c(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$c, _hoisted_3$c);
+}
+const MdiFormatStrikethrough = { name: "mdi-format-strikethrough", render: render$c };
+const _hoisted_1$b = {
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+const _hoisted_2$b = /* @__PURE__ */ createElementVNode("path", {
+  fill: "currentColor",
+  d: "M3 4h2v6h4V4h2v14H9v-6H5v6H3V4m10 4h2.31l.32-3h2l-.32 3h2l.32-3h2l-.32 3H23v2h-1.9l-.2 2H23v2h-2.31l-.32 3h-2l.32-3h-2l-.32 3h-2l.32-3H13v-2h1.9l.2-2H13V8m4.1 2l-.2 2h2l.2-2h-2Z"
+}, null, -1);
+const _hoisted_3$b = [
+  _hoisted_2$b
+];
+function render$b(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$b, _hoisted_3$b);
+}
+const MdiFormatHeaderPound = { name: "mdi-format-header-pound", render: render$b };
+const _hoisted_1$a = {
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+const _hoisted_2$a = /* @__PURE__ */ createElementVNode("path", {
+  fill: "currentColor",
+  d: "M13.5 7a6.5 6.5 0 0 1 6.5 6.5a6.5 6.5 0 0 1-6.5 6.5H10v-2h3.5c2.5 0 4.5-2 4.5-4.5S16 9 13.5 9H7.83l3.08 3.09L9.5 13.5L4 8l5.5-5.5l1.42 1.41L7.83 7h5.67M6 18h2v2H6v-2Z"
+}, null, -1);
+const _hoisted_3$a = [
+  _hoisted_2$a
+];
+function render$a(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$a, _hoisted_3$a);
+}
+const MdiUndoVariant = { name: "mdi-undo-variant", render: render$a };
+const _hoisted_1$9 = {
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+const _hoisted_2$9 = /* @__PURE__ */ createElementVNode("path", {
+  fill: "currentColor",
+  d: "M10.5 7A6.5 6.5 0 0 0 4 13.5a6.5 6.5 0 0 0 6.5 6.5H14v-2h-3.5C8 18 6 16 6 13.5S8 9 10.5 9h5.67l-3.08 3.09l1.41 1.41L20 8l-5.5-5.5l-1.42 1.41L16.17 7H10.5M18 18h-2v2h2v-2Z"
+}, null, -1);
+const _hoisted_3$9 = [
+  _hoisted_2$9
+];
+function render$9(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$9, _hoisted_3$9);
+}
+const MdiRedoVariant = { name: "mdi-redo-variant", render: render$9 };
+const _hoisted_1$8 = {
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+const _hoisted_2$8 = /* @__PURE__ */ createElementVNode("path", {
+  fill: "currentColor",
+  d: "M5 21h14v-2H5v2m7-4a6 6 0 0 0 6-6V3h-2.5v8a3.5 3.5 0 0 1-3.5 3.5A3.5 3.5 0 0 1 8.5 11V3H6v8a6 6 0 0 0 6 6Z"
+}, null, -1);
+const _hoisted_3$8 = [
+  _hoisted_2$8
+];
+function render$8(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$8, _hoisted_3$8);
+}
+const MdiFormatUnderline = { name: "mdi-format-underline", render: render$8 };
+const _hoisted_1$7 = {
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+const _hoisted_2$7 = /* @__PURE__ */ createElementVNode("path", {
+  fill: "currentColor",
+  d: "M3 3h18v2H3V3m0 4h12v2H3V7m0 4h18v2H3v-2m0 4h12v2H3v-2m0 4h18v2H3v-2Z"
+}, null, -1);
+const _hoisted_3$7 = [
+  _hoisted_2$7
+];
+function render$7(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$7, _hoisted_3$7);
+}
+const MdiFormatAlignLeft = { name: "mdi-format-align-left", render: render$7 };
+const _hoisted_1$6 = {
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+const _hoisted_2$6 = /* @__PURE__ */ createElementVNode("path", {
+  fill: "currentColor",
+  d: "M3 3h18v2H3V3m4 4h10v2H7V7m-4 4h18v2H3v-2m4 4h10v2H7v-2m-4 4h18v2H3v-2Z"
+}, null, -1);
+const _hoisted_3$6 = [
+  _hoisted_2$6
+];
+function render$6(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$6, _hoisted_3$6);
+}
+const MdiFormatAlignCenter = { name: "mdi-format-align-center", render: render$6 };
+const _hoisted_1$5 = {
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+const _hoisted_2$5 = /* @__PURE__ */ createElementVNode("path", {
+  fill: "currentColor",
+  d: "M3 3h18v2H3V3m6 4h12v2H9V7m-6 4h18v2H3v-2m6 4h12v2H9v-2m-6 4h18v2H3v-2Z"
+}, null, -1);
+const _hoisted_3$5 = [
+  _hoisted_2$5
+];
+function render$5(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$5, _hoisted_3$5);
+}
+const MdiFormatAlignRight = { name: "mdi-format-align-right", render: render$5 };
+const _hoisted_1$4 = {
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+const _hoisted_2$4 = /* @__PURE__ */ createElementVNode("path", {
+  fill: "currentColor",
+  d: "M3 3h18v2H3V3m0 4h18v2H3V7m0 4h18v2H3v-2m0 4h18v2H3v-2m0 4h18v2H3v-2Z"
+}, null, -1);
+const _hoisted_3$4 = [
+  _hoisted_2$4
+];
+function render$4(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$4, _hoisted_3$4);
+}
+const MdiFormatAlignJustify = { name: "mdi-format-align-justify", render: render$4 };
+const _hoisted_1$3 = {
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+const _hoisted_2$3 = /* @__PURE__ */ createElementVNode("path", {
+  fill: "currentColor",
+  d: "m10 7l-2 4h3v6H5v-6l2-4h3m8 0l-2 4h3v6h-6v-6l2-4h3Z"
+}, null, -1);
+const _hoisted_3$3 = [
+  _hoisted_2$3
+];
+function render$3(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$3, _hoisted_3$3);
+}
+const MdiFormatQuoteOpen = { name: "mdi-format-quote-open", render: render$3 };
+const _hoisted_1$2 = {
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+const _hoisted_2$2 = /* @__PURE__ */ createElementVNode("path", {
+  fill: "currentColor",
+  d: "m14.6 16.6l4.6-4.6l-4.6-4.6L16 6l6 6l-6 6l-1.4-1.4m-5.2 0L4.8 12l4.6-4.6L8 6l-6 6l6 6l1.4-1.4Z"
+}, null, -1);
+const _hoisted_3$2 = [
+  _hoisted_2$2
+];
+function render$2(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$2, _hoisted_3$2);
+}
+const MdiCodeTags = { name: "mdi-code-tags", render: render$2 };
+const _hoisted_1$1 = {
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+const _hoisted_2$1 = /* @__PURE__ */ createElementVNode("path", {
+  fill: "currentColor",
+  d: "M16 7.41L11.41 12L16 16.59L14.59 18L10 13.41L5.41 18L4 16.59L8.59 12L4 7.41L5.41 6L10 10.59L14.59 6L16 7.41M21.85 9h-4.88V8l.89-.82c.76-.64 1.32-1.18 1.7-1.63c.37-.44.56-.85.57-1.23a.884.884 0 0 0-.27-.7c-.18-.19-.47-.28-.86-.29c-.31.01-.58.07-.84.17l-.66.39l-.45-1.17c.27-.22.59-.39.98-.53S18.85 2 19.32 2c.78 0 1.38.2 1.78.61c.4.39.62.93.62 1.57c-.01.56-.19 1.08-.54 1.55c-.34.48-.76.93-1.27 1.36l-.64.52v.02h2.58V9Z"
+}, null, -1);
+const _hoisted_3$1 = [
+  _hoisted_2$1
+];
+function render$1(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$1, _hoisted_3$1);
+}
+const MdiFormatSuperscript = { name: "mdi-format-superscript", render: render$1 };
+const _hoisted_1 = {
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+const _hoisted_2 = /* @__PURE__ */ createElementVNode("path", {
+  fill: "currentColor",
+  d: "M16 7.41L11.41 12L16 16.59L14.59 18L10 13.41L5.41 18L4 16.59L8.59 12L4 7.41L5.41 6L10 10.59L14.59 6L16 7.41m5.85 13.62h-4.88v-1l.89-.8c.76-.65 1.32-1.19 1.7-1.63c.37-.44.56-.85.57-1.24a.898.898 0 0 0-.27-.7c-.18-.16-.47-.28-.86-.28c-.31 0-.58.06-.84.18l-.66.38l-.45-1.17c.27-.21.59-.39.98-.53s.82-.24 1.29-.24c.78.04 1.38.25 1.78.66c.4.41.62.93.62 1.57c-.01.56-.19 1.08-.54 1.55c-.34.47-.76.92-1.27 1.36l-.64.52v.02h2.58v1.35Z"
+}, null, -1);
+const _hoisted_3 = [
+  _hoisted_2
+];
+function render2(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
+}
+const MdiFormatSubscript = { name: "mdi-format-subscript", render: render2 };
+function UndoMenuItem(editor) {
+  return {
+    type: "button",
+    icon: MdiUndoVariant,
+    title: "Undo",
+    action: () => editor.chain().undo().run(),
+    isActive: () => false
+  };
+}
+function RedoMenuItem(editor) {
+  return {
+    type: "button",
+    icon: MdiRedoVariant,
+    title: "Redo",
+    action: () => editor.chain().redo().run(),
+    isActive: () => false
+  };
+}
+function BoldMenuItem(editor) {
+  return {
+    type: "button",
+    icon: MdiFormatBold,
+    title: "Bold",
+    action: () => editor.chain().focus().toggleBold().run(),
+    isActive: () => editor.isActive("bold")
+  };
+}
+function ItalicMenuItem(editor) {
+  return {
+    type: "button",
+    icon: MdiFormatItalic,
+    title: "Italic",
+    action: () => editor.chain().focus().toggleItalic().run(),
+    isActive: () => editor.isActive("italic")
+  };
+}
+function UnderlineMenuItem(editor) {
+  return {
+    type: "button",
+    icon: MdiFormatUnderline,
+    title: "Underline",
+    action: () => editor.chain().focus().toggleUnderline().run(),
+    isActive: () => editor.isActive("underline")
+  };
+}
+function StrikeMenuItem(editor) {
+  return {
+    type: "button",
+    icon: MdiFormatStrikethrough,
+    title: "Strikethrough",
+    action: () => editor.chain().focus().toggleStrike().run(),
+    isActive: () => editor.isActive("strike")
+  };
+}
+function QuoteMenuItem(editor) {
+  return {
+    type: "button",
+    icon: MdiFormatQuoteOpen,
+    title: "Quote",
+    action: () => editor.chain().focus().toggleBlockquote().run(),
+    isActive: () => editor.isActive("blockquote")
+  };
+}
+function CodeMenuItem(editor) {
+  return {
+    type: "button",
+    icon: MdiCodeTags,
+    title: "Code",
+    action: () => editor.chain().focus().toggleCode().run(),
+    isActive: () => editor.isActive("code")
+  };
+}
+function SuperScriptMenuItem(editor) {
+  return {
+    type: "button",
+    icon: MdiFormatSuperscript,
+    title: "Superscript",
+    action: () => editor.chain().focus().toggleSuperscript().run(),
+    isActive: () => editor.isActive("superscript")
+  };
+}
+function SubScriptMenuItem(editor) {
+  return {
+    type: "button",
+    icon: MdiFormatSubscript,
+    title: "Subscript",
+    action: () => editor.chain().focus().toggleSubscript().run(),
+    isActive: () => editor.isActive("subscript")
+  };
+}
+function CodeBlockMenuItem(editor) {
+  return {
+    type: "button",
+    icon: MdiCodeBracesBox,
+    title: "Code Block",
+    action: () => editor.chain().focus().toggleCodeBlock().run(),
+    isActive: () => editor.isActive("codeBlock")
+  };
+}
+function HeadingMenuItem(editor) {
+  return {
+    type: "button",
+    icon: MdiFormatHeaderPound,
+    title: "\u666E\u901A\u6587\u672C",
+    isActive: () => editor.isActive("heading"),
+    children: [
+      {
+        type: "button",
+        icon: MdiFormatHeader1,
+        title: "\u6807\u9898 1",
+        action: () => editor.chain().focus().toggleHeading({ level: 1 }).run(),
+        isActive: () => editor.isActive("heading", { level: 1 })
+      },
+      {
+        type: "button",
+        icon: MdiFormatHeader2,
+        title: "\u6807\u9898 2",
+        action: () => editor.chain().focus().toggleHeading({ level: 2 }).run(),
+        isActive: () => editor.isActive("heading", { level: 1 })
+      },
+      {
+        type: "button",
+        icon: MdiFormatHeader3,
+        title: "\u6807\u9898 3",
+        action: () => editor.chain().focus().toggleHeading({ level: 3 }).run(),
+        isActive: () => editor.isActive("heading", { level: 1 })
+      },
+      {
+        type: "button",
+        icon: MdiFormatHeader4,
+        title: "\u6807\u9898 4",
+        action: () => editor.chain().focus().toggleHeading({ level: 4 }).run(),
+        isActive: () => editor.isActive("heading", { level: 1 })
+      },
+      {
+        type: "button",
+        icon: MdiFormatHeader5,
+        title: "\u6807\u9898 5",
+        action: () => editor.chain().focus().toggleHeading({ level: 5 }).run(),
+        isActive: () => editor.isActive("heading", { level: 1 })
+      },
+      {
+        type: "button",
+        icon: MdiFormatHeader6,
+        title: "\u6807\u9898 6",
+        action: () => editor.chain().focus().toggleHeading({ level: 6 }).run(),
+        isActive: () => editor.isActive("heading", { level: 1 })
+      }
+    ]
+  };
+}
+function AlignLeftMenuItem(editor) {
+  return {
+    type: "button",
+    icon: MdiFormatAlignLeft,
+    title: "Align Left",
+    action: () => editor.chain().focus().setTextAlign("left").run(),
+    isActive: () => editor.isActive({ textAlign: "left" })
+  };
+}
+function AlignCenterMenuItem(editor) {
+  return {
+    type: "button",
+    icon: MdiFormatAlignCenter,
+    title: "Align Center",
+    action: () => editor.chain().focus().setTextAlign("center").run(),
+    isActive: () => editor.isActive({ textAlign: "center" })
+  };
+}
+function AlignRightMenuItem(editor) {
+  return {
+    type: "button",
+    icon: MdiFormatAlignRight,
+    title: "Align Right",
+    action: () => editor.chain().focus().setTextAlign("right").run(),
+    isActive: () => editor.isActive({ textAlign: "right" })
+  };
+}
+function AlignJustifyMenuItem(editor) {
+  return {
+    type: "button",
+    icon: MdiFormatAlignJustify,
+    title: "Align Justify",
+    action: () => editor.chain().focus().setTextAlign("justify").run(),
+    isActive: () => editor.isActive({ textAlign: "justify" })
+  };
+}
 const plugin = {
   install(app) {
     app.component("RichTextEditor", _sfc_main$3);
   }
 };
 export {
+  AlignCenterMenuItem,
+  AlignJustifyMenuItem,
+  AlignLeftMenuItem,
+  AlignRightMenuItem,
+  BoldMenuItem,
   BubbleMenu,
+  CodeBlockMenuItem,
+  CodeMenuItem,
+  CommandCodeBlock,
+  CommandHeader1,
+  CommandHeader2,
+  CommandHeader3,
+  CommandHeader4,
+  CommandHeader5,
+  CommandHeader6,
   CommandManager,
-  CommandsSuggestion,
+  suggestion as CommandsSuggestion,
   Editor,
   EditorContent,
   Extension,
@@ -88977,15 +89010,24 @@ export {
   TextAlign as ExtensionTextAlign,
   Underline as ExtensionUnderline,
   FloatingMenu,
+  HeadingMenuItem,
   InputRule,
+  ItalicMenuItem,
   Mark,
   Node,
   NodeView,
   NodeViewContent,
   NodeViewWrapper,
   PasteRule,
+  QuoteMenuItem,
+  RedoMenuItem,
   _sfc_main$3 as RichTextEditor,
+  StrikeMenuItem,
+  SubScriptMenuItem,
+  SuperScriptMenuItem,
   Tracker,
+  UnderlineMenuItem,
+  UndoMenuItem,
   VueNodeViewRenderer,
   VueRenderer,
   allExtensions,