fix(message-input): DP-131613 fix pasting links when no rich-text (#653)

Author: bianca-artola-dialpad

packages/dialtone-vue2/components/rich_text_editor/rich_text_editor.stories.js

@@ -155,5 +155,6 @@ export const WithCustomExtensions = {
     allowUnderline: false,
     allowCode: false,
     allowCodeblock: false,
+    link: false,
   },
 };

packages/dialtone-vue2/components/rich_text_editor/rich_text_editor.vue

@@ -655,7 +655,6 @@ export default {
   },
 
   methods: {
-
     createEditor () {
       // For all available options, see https://tiptap.dev/api/editor#settings
       this.editor = new Editor({
@@ -669,6 +668,17 @@ export default {
             class: this.inputClass,
           },
 
+          handlePaste: (_, event) => {
+            // When having link and customLink props we should maintain default paste behavior
+            if (!this.link && !this.customLink) {
+              const pastedContent = event.clipboardData.getData('text');
+              this.editor.chain().focus().insertContent(pastedContent).run();
+              return true; // Prevent the default paste behavior
+            }
+
+            return false; // Allow the default paste behavior
+          },
+
           // Moves the <br /> tags inside the previous closing tag to avoid
           // Prosemirror wrapping them within another </p> tag.
           transformPastedHTML (html) {

packages/dialtone-vue3/components/rich_text_editor/rich_text_editor.stories.js

@@ -162,5 +162,6 @@ export const WithCustomExtensions = {
     allowUnderline: false,
     allowCode: false,
     allowCodeblock: false,
+    link: false,
   },
 };

packages/dialtone-vue3/components/rich_text_editor/rich_text_editor.vue

@@ -670,6 +670,17 @@ export default {
             class: this.inputClass,
           },
 
+          handlePaste: (_, event) => {
+            // When having link and customLink props we should maintain default paste behavior
+            if (!this.link && !this.customLink) {
+              const pastedContent = event.clipboardData.getData('text');
+              this.editor.chain().focus().insertContent(pastedContent).run();
+              return true; // Prevent the default paste behavior
+            }
+
+            return false; // Allow the default paste behavior
+          },
+
           // Moves the <br /> tags inside the previous closing tag to avoid
           // Prosemirror wrapping them within another </p> tag.
           transformPastedHTML (html) {