@mdaemon/html-editor 1.0.12 → 1.0.13

package/dist/index.d.ts

@@ -369,6 +369,8 @@ export declare interface MDHTMLEditor {
     getTipTap(): Editor | null;
 }
 
+export declare const Mention: Node_2<any, any>;
+
 /**
  * Reset the global translation function to the default identity function.
  * This also clears the customized flag so that the next editor created

package/dist/index.js

@@ -43774,6 +43774,54 @@ const SignatureBlock = Node3.create({
     return ["div", mergeAttributes(HTMLAttributes), 0];
   }
 });
+const Mention = Node3.create({
+  name: "mention",
+  group: "inline",
+  inline: true,
+  atom: true,
+  selectable: true,
+  draggable: false,
+  addAttributes() {
+    return {
+      jid: {
+        default: null,
+        parseHTML: (element) => element.getAttribute("data-jid"),
+        renderHTML: (attributes) => {
+          if (!attributes.jid) return {};
+          return { "data-jid": attributes.jid };
+        }
+      },
+      display: {
+        default: null,
+        parseHTML: (element) => element.getAttribute("data-display"),
+        renderHTML: (attributes) => {
+          if (!attributes.display) return {};
+          return { "data-display": attributes.display };
+        }
+      }
+    };
+  },
+  parseHTML() {
+    return [
+      {
+        tag: "span.composer-mention"
+      }
+    ];
+  },
+  renderHTML({ node, HTMLAttributes }) {
+    return [
+      "span",
+      mergeAttributes(
+        {
+          class: "composer-mention",
+          contenteditable: "false"
+        },
+        HTMLAttributes
+      ),
+      `@${node.attrs.display}`
+    ];
+  }
+});
 const en = {
   "Bold": "Bold",
   "Italic": "Italic",
@@ -46304,6 +46352,7 @@ class HTMLEditor {
         // We use CodeBlockLowlight instead
       }),
       SignatureBlock,
+      Mention,
       Underline,
       TextStyle,
       FontFamily,
@@ -46565,6 +46614,7 @@ exports.FontSize = FontSize;
 exports.HTMLEditor = HTMLEditor;
 exports.LineHeight = LineHeight;
 exports.LinkEditor = LinkEditor;
+exports.Mention = Mention;
 exports.SearchReplace = SearchReplace;
 exports.SignatureBlock = SignatureBlock;
 exports.SourceEditor = SourceEditor;

package/dist/index.mjs

@@ -43772,6 +43772,54 @@ const SignatureBlock = Node3.create({
     return ["div", mergeAttributes(HTMLAttributes), 0];
   }
 });
+const Mention = Node3.create({
+  name: "mention",
+  group: "inline",
+  inline: true,
+  atom: true,
+  selectable: true,
+  draggable: false,
+  addAttributes() {
+    return {
+      jid: {
+        default: null,
+        parseHTML: (element) => element.getAttribute("data-jid"),
+        renderHTML: (attributes) => {
+          if (!attributes.jid) return {};
+          return { "data-jid": attributes.jid };
+        }
+      },
+      display: {
+        default: null,
+        parseHTML: (element) => element.getAttribute("data-display"),
+        renderHTML: (attributes) => {
+          if (!attributes.display) return {};
+          return { "data-display": attributes.display };
+        }
+      }
+    };
+  },
+  parseHTML() {
+    return [
+      {
+        tag: "span.composer-mention"
+      }
+    ];
+  },
+  renderHTML({ node, HTMLAttributes }) {
+    return [
+      "span",
+      mergeAttributes(
+        {
+          class: "composer-mention",
+          contenteditable: "false"
+        },
+        HTMLAttributes
+      ),
+      `@${node.attrs.display}`
+    ];
+  }
+});
 const en = {
   "Bold": "Bold",
   "Italic": "Italic",
@@ -46302,6 +46350,7 @@ class HTMLEditor {
         // We use CodeBlockLowlight instead
       }),
       SignatureBlock,
+      Mention,
       Underline,
       TextStyle,
       FontFamily,
@@ -46564,6 +46613,7 @@ export {
   HTMLEditor,
   LineHeight,
   LinkEditor,
+  Mention,
   SearchReplace,
   SignatureBlock,
   SourceEditor,

package/dist/styles.css

@@ -340,9 +340,12 @@
   min-height: 0;
   overflow: auto;
   background: #fff;
+  display: flex;
+  flex-direction: column;
 }
 
 .md-editor-body {
+  flex: 1;
   padding: 16px;
   min-height: 200px;
   outline: none;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mdaemon/html-editor",
-  "version": "1.0.12",
+  "version": "1.0.13",
   "description": "A TinyMCE-compatible HTML editor built on TipTap",
   "homepage": "https://github.com/mdaemon-technologies/MDHTMLEditor",
   "repository": {