playbook_ui 17.1.0.pre.alpha.tiptapformatting18993 → 17.1.0.pre.alpha.viteupgrade19008

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 6b7a35e442b47bed7f39c536bd2bfd1a07ec9b4882b97a519873dc974677dadc
-  data.tar.gz: '0739098a523537ff96363ccd336c7a51646ed4fd5261e14ef15578465ee1e327'
+  metadata.gz: 282aacb7cfa670d2c5136847e61b470192467443c03b981e5d6d332d652d2129
+  data.tar.gz: 5c42f2221d5ad12d21e6bd0f8888d10e81c8ac79e0a867946635bc228f688faf
 SHA512:
-  metadata.gz: 7230f409c3a546f3b9d4603ebe0bec339b4cc7d7b33673accac347ea3a529fe4bc3a3c26a7a290b342f6b52b3e8874c76fc79e04e43859773ec80284911bbfa7
-  data.tar.gz: 912ffe93c7a02d9252cfd27c5a8c1c65cf7537cd3a3d5eae31ee90e370a8a69817b2195a4eac12cdd6644fae389ae38c2be972bf19460543ef36b614ea0e0e29
+  metadata.gz: 4778aabf77ca48fc677c0b150c95ecdb4e94cf5a0e5106ee0aa0c095555a97ea06d58d9a2ea84f23084e6f9ab80f9d0a9a8a5976610a5c7bac513b7c7f7e6255
+  data.tar.gz: 4e0883f5cb07097a6dc77b3a3beaa447ebc6bd01a90cb8da806d1e575eea5d591cb6714bfeb5fcbd9bc3da1db2139b3b65f65003bf75c6255e8c28bd3fb88019

data/app/pb_kits/playbook/pb_rich_text_editor/TipTap/ToolbarDropdown.tsx

@@ -8,7 +8,6 @@ import Nav from '../../pb_nav/_nav'
 import NavItem from '../../pb_nav/_item'
 
 import { ToolbarTypes } from './EditorTypes'
-import { normalizeListSelection } from './listSelection'
 
 const ToolbarDropdown = ({editor}: any): React.ReactElement => {
   const [showPopover, setShowPopover] = useState(false)
@@ -47,20 +46,14 @@ const toolbarDropdownItems = [
         icon: "list",
         isActive: editor.isActive("bulletList"),
         text: "Bullet List",
-        onclick: () => {
-          normalizeListSelection(editor)
-          editor.chain().focus().toggleBulletList().run()
-        },
+        onclick: () => editor.chain().focus().toggleBulletList().run(),
     },
     {
         node: "orderedList",
         icon: "list-ol",
         isActive: editor.isActive("orderedList"),
         text: "Ordered List",
-        onclick: () => {
-          normalizeListSelection(editor)
-          editor.chain().focus().toggleOrderedList().run()
-        }
+        onclick: () =>   editor.chain().focus().toggleOrderedList().run()
         ,
     },
     {

data/app/pb_kits/playbook/pb_rich_text_editor/_rich_text_editor.tsx

@@ -5,11 +5,6 @@ import Caption from '../pb_caption/_caption'
 import colors from '../tokens/exports/_colors.module.scss'
 import { globalProps, GlobalProps } from '../utilities/globalProps'
 import { buildAriaProps, buildDataProps, noop, buildHtmlProps } from '../utilities/props'
-import {
-  createMarkdownToHTML,
-  handleMarkdownPaste,
-} from './TipTap/markdownPaste'
-import type { MarkdownDependencies } from './TipTap/markdownPaste'
 import TipTapEditor from './_tiptap_editor'
 import TrixTextEditor from './_trix_editor'
 
@@ -27,7 +22,6 @@ type RichTextEditorProps = {
   id?: string,
   inline?: boolean,
   label?: string,
-  markdownSupport?: MarkdownDependencies,
   extensions?: { [key: string]: string }[],
   name?: string,
   onChange: (html: string, text: string) => void,
@@ -71,7 +65,6 @@ const RichTextEditor = (props: RichTextEditorProps): React.ReactElement => {
     maxWidth = "md",
     requiredIndicator = false,
     label,
-    markdownSupport,
     TrixEditor,
     trixInstance: trixInstance = undefined,
   } = props
@@ -96,30 +89,6 @@ const RichTextEditor = (props: RichTextEditorProps): React.ReactElement => {
     dom.setAttribute("aria-multiline", "true")
   }, [advancedEditor, fieldId, labelElementId])
 
-  useEffect(() => {
-    if (!markdownSupport) return
-
-    const editorElement = advancedEditor?.view?.dom
-    if (!editorElement) return
-    const markdownToHTML = createMarkdownToHTML(
-      markdownSupport.parser,
-      markdownSupport.serializer
-    )
-
-    const handleMarkdownSupport = (event: ClipboardEvent) => {
-      handleMarkdownPaste(
-        event,
-        (html) => advancedEditor.chain().focus().insertContent(html).run(),
-        markdownToHTML
-      )
-    }
-    editorElement.addEventListener("paste", handleMarkdownSupport, true)
-
-    return () => {
-      editorElement.removeEventListener("paste", handleMarkdownSupport, true)
-    }
-  }, [advancedEditor, markdownSupport])
-
   //===========focus prop with advanced editor=================
   const isClickInPopover = (event: Event): boolean => {
     return !!(event.target as Element).closest('.pb_tiptap_toolbar_dropdown_popover')

data/app/pb_kits/playbook/pb_rich_text_editor/docs/_playground.json

@@ -2,7 +2,6 @@
   "template": "<RichTextEditor{{props}} />",
   "propTargets": {},
   "defaults": {
-    "markdownSupport": false,
     "requiredIndicator": false,
     "simple": false,
     "advancedEditorToolbar": true,
@@ -134,9 +133,7 @@
       "trix",
       "@tiptap/react",
       "@tiptap/starter-kit",
-      "@tiptap/extension-link",
-      "prosemirror-markdown",
-      "prosemirror-model"
+      "@tiptap/extension-link"
     ],
     "optional": true,
     "note": "Default React editor uses Trix (pass TrixEditor from react-trix). Advanced editor uses TipTap. The host app must already have the needed packages installed. Agents must not install packages — tell the user if they are missing. Rails advanced TipTap may load via the kit’s esm.sh script."
@@ -161,7 +158,6 @@
     "advancedEditor",
     "extensions",
     "inputOptions",
-    "markdownSupport",
     "onChange",
     "template",
     "TrixEditor",

data/app/pb_kits/playbook/pb_rich_text_editor/docs/_playground.overrides.json

@@ -5,9 +5,7 @@
       "trix",
       "@tiptap/react",
       "@tiptap/starter-kit",
-      "@tiptap/extension-link",
-      "prosemirror-markdown",
-      "prosemirror-model"
+      "@tiptap/extension-link"
     ],
     "optional": true,
     "note": "Default React editor uses Trix (pass TrixEditor from react-trix). Advanced editor uses TipTap. The host app must already have the needed packages installed. Agents must not install packages — tell the user if they are missing. Rails advanced TipTap may load via the kit’s esm.sh script."
@@ -42,7 +40,6 @@
     "advancedEditor",
     "extensions",
     "inputOptions",
-    "markdownSupport",
     "onChange",
     "template",
     "TrixEditor",

data/app/pb_kits/playbook/pb_rich_text_editor/docs/example.yml

@@ -2,12 +2,10 @@ examples:
 
   rails:
   - rich_text_editor_rails_default: "Rails (TipTap)"
-  - rich_text_editor_rails_markdown_support: "Rails (Markdown Support)"
   - rich_text_editor_rails_simple: "Rails (TipTap — Simple toolbar)"
 
   react:
   - rich_text_editor_advanced_default: Advanced Default
-  - rich_text_editor_advanced_markdown_support: Advanced (Markdown Support)
   - rich_text_editor_more_extensions: Advanced (Extra Extensions)
   - rich_text_editor_toolbar_disabled: Advanced (Toolbar disabled)
   - rich_text_editor_advanced_simple: Advanced (Simple)
@@ -32,3 +30,5 @@ examples:
 
 
 
+
+

data/app/pb_kits/playbook/pb_rich_text_editor/docs/index.js

@@ -1,6 +1,5 @@
 export { default as RichTextEditorDefault } from './_rich_text_editor_default.jsx'
 export { default as RichTextEditorAdvancedDefault } from './_rich_text_editor_advanced_default.jsx'
-export { default as RichTextEditorAdvancedMarkdownSupport } from './_rich_text_editor_advanced_markdown_support.jsx'
 export { default as RichTextEditorMoreExtensions } from './_rich_text_editor_more_extensions.jsx'
 export { default as RichTextEditorToolbarDisabled } from './_rich_text_editor_toolbar_disabled.jsx'
 export { default as RichTextEditorAdvancedPreview } from './_rich_text_editor_advanced_preview.jsx'

data/app/pb_kits/playbook/pb_rich_text_editor/kit.schema.json

@@ -51,14 +51,6 @@
         "rails"
       ]
     },
-    "markdownSupport": {
-      "type": "MarkdownDependencies",
-      "platforms": [
-        "react",
-        "rails"
-      ],
-      "default": false
-    },
     "extensions": {
       "type": "GenericObject",
       "platforms": [

data/app/pb_kits/playbook/pb_rich_text_editor/rich_text_editor.html.erb

@@ -1,5 +1,5 @@
 <%# TipTap loads via full URL dynamic import() in rich_text_editor_rails.js (esm.sh) — no import map, so no clash with Vite/host maps. %>
-<%= pb_content_tag(:div, id: object.container_id, class: object.classname, data: { pb_rte_tiptap: true, input_id: object.input_id, initial_html: object.initial_html, markdown_support: object.markdown_support, rte_simple: object.simple }) do %>
+<%= pb_content_tag(:div, id: object.container_id, class: object.classname, data: { pb_rte_tiptap: true, input_id: object.input_id, initial_html: object.initial_html, rte_simple: object.simple }) do %>
   <div class="pb_rich_text_editor_kit">
   <% if object.label.present? %>
     <label for="<%= object.input_id %>">

data/app/pb_kits/playbook/pb_rich_text_editor/rich_text_editor.rb

@@ -9,7 +9,6 @@ module Playbook
       prop :input_options, type: Playbook::Props::HashProp, default: {}
       prop :label
       prop :required_indicator, type: Playbook::Props::Boolean, default: false
-      prop :markdown_support, type: Playbook::Props::Boolean, default: false
       # When true, TipTap toolbar matches React `simple`: Bold + Italic only (no block-style Popover).
       # Use in modals or narrow layouts where the block dropdown misbehaves.
       prop :simple, type: Playbook::Props::Boolean, default: false

data/app/pb_kits/playbook/pb_rich_text_editor/rich_text_editor_advanced.test.js

@@ -1,18 +1,12 @@
 import React from "react";
-import { fireEvent, render, waitFor } from "../utilities/test-utils";
-import { Editor } from "@tiptap/core";
+import { render } from "../utilities/test-utils";
 import { useEditor, EditorContent } from "@tiptap/react";
 import StarterKit from "@tiptap/starter-kit";
 import Link from "@tiptap/extension-link";
-import { defaultMarkdownParser } from "prosemirror-markdown";
-import { DOMSerializer } from "prosemirror-model";
 
 import RichTextEditor from "./_rich_text_editor";
-import { normalizeListSelection } from "./TipTap/listSelection";
-import { createMarkdownToHTML, handleMarkdownPaste } from "./TipTap/markdownPaste";
 
 const kitClass = "pb_rich_text_editor_advanced_container";
-const markdownToHTML = createMarkdownToHTML(defaultMarkdownParser, DOMSerializer);
 
 const EditorTest = (props) => {
   const editor = useEditor({
@@ -51,237 +45,3 @@ test("doesn't returns toolbar class name", () => {
     container.getElementsByClassName(`${kitClass} toolbar-active`).length
   ).toBe(0);
 });
-
-describe("TipTap list selection", () => {
-  const content = "<h2>How should it work?</h2><p>First paragraph</p><p>Second paragraph</p>";
-
-  test.each([
-    ["bulletList", "ul"],
-    ["orderedList", "ol"],
-  ])("excludes a heading touched only at its end boundary from a %s", (listType, tag) => {
-    const editor = new Editor({ extensions: [StarterKit], content });
-    const headingEnd = editor.state.doc.child(0).nodeSize - 1;
-    const paragraphEnd = headingEnd + editor.state.doc.child(1).nodeSize;
-
-    editor.commands.setTextSelection({ from: headingEnd, to: paragraphEnd });
-    normalizeListSelection(editor);
-    if (listType === "bulletList") editor.chain().toggleBulletList().run();
-    else editor.chain().toggleOrderedList().run();
-
-    expect(editor.getHTML()).toBe(
-      `<h2>How should it work?</h2><${tag}><li><p>First paragraph</p></li></${tag}><p>Second paragraph</p>`
-    );
-
-    editor.destroy();
-  });
-
-  test("excludes a paragraph touched only at its start boundary", () => {
-    const editor = new Editor({ extensions: [StarterKit], content });
-    const firstParagraphStart = editor.state.doc.child(0).nodeSize + 1;
-    const secondParagraphStart =
-      editor.state.doc.child(0).nodeSize + editor.state.doc.child(1).nodeSize + 1;
-
-    editor.commands.setTextSelection({ from: firstParagraphStart, to: secondParagraphStart });
-    normalizeListSelection(editor);
-    editor.chain().toggleBulletList().run();
-
-    expect(editor.getHTML()).toBe(
-      "<h2>How should it work?</h2><ul><li><p>First paragraph</p></li></ul><p>Second paragraph</p>"
-    );
-
-    editor.destroy();
-  });
-
-  test("separates a pasted heading and body joined by a hard break", () => {
-    const editor = new Editor({
-      extensions: [StarterKit],
-      content: "<p><strong>How should it work?</strong><br>Keep React and Rails visible.</p>",
-    });
-    const hardBreakEnd = editor.state.doc.child(0).child(1).nodeSize +
-      editor.state.doc.child(0).child(0).nodeSize + 1;
-    const paragraphEnd = editor.state.doc.child(0).nodeSize - 1;
-
-    editor.commands.setTextSelection({ from: hardBreakEnd, to: paragraphEnd });
-    normalizeListSelection(editor);
-    editor.chain().toggleBulletList().run();
-
-    expect(editor.getHTML()).toBe(
-      "<p><strong>How should it work?</strong></p><ul><li><p>Keep React and Rails visible.</p></li></ul>"
-    );
-
-    editor.destroy();
-  });
-});
-
-describe("TipTap Markdown paste", () => {
-  const createClipboardData = (text, html = "") => ({
-    files: [],
-    getData: (format) => {
-      if (format === "text/plain") return text;
-      if (format === "text/html") return html;
-      return "";
-    },
-    types: html ? ["text/plain", "text/html"] : ["text/plain"],
-  });
-
-  const createPasteEvent = (text, html = "") => {
-    const event = new Event("paste", { bubbles: true, cancelable: true });
-    Object.defineProperty(event, "clipboardData", {
-      value: createClipboardData(text, html),
-    });
-    return event;
-  };
-
-  test("converts common Markdown blocks and inline formatting to HTML", () => {
-    const markdown = [
-      "## How should it work?",
-      "",
-      "Keep **React** and [Rails](https://example.com) visible.",
-      "",
-      "- React Playground",
-      "- Rails Playground",
-    ].join("\n");
-
-    expect(markdownToHTML(markdown)).toBe(
-      '<h2>How should it work?</h2><p>Keep <strong>React</strong> and <a href="https://example.com">Rails</a> visible.</p><ul><li><p>React Playground</p></li><li><p>Rails Playground</p></li></ul>'
-    );
-  });
-
-  test("leaves ordinary plain text to TipTap's default paste handling", () => {
-    expect(markdownToHTML("Keep React and Rails visible.")).toBeNull();
-  });
-
-  test("does not treat intraword underscores as Markdown", () => {
-    expect(markdownToHTML("foo_bar_baz")).toBeNull();
-  });
-
-  test.each(["*Italic*", "_Italic_"])(
-    "converts italic-only Markdown using %s delimiters",
-    (markdown) => {
-      expect(markdownToHTML(markdown)).toBe("<p><em>Italic</em></p>");
-    }
-  );
-
-  test("is disabled by default", () => {
-    const addEventListener = jest.spyOn(HTMLElement.prototype, "addEventListener");
-
-    render(<EditorTest />);
-
-    const markdownListeners = addEventListener.mock.calls.filter(
-      (call, index) => {
-        const [eventName, , capture] = call;
-        const eventTarget = addEventListener.mock.instances[index];
-        return eventName === "paste" &&
-          capture === true &&
-          eventTarget.classList?.contains("ProseMirror");
-      }
-    );
-
-    expect(markdownListeners).toHaveLength(0);
-    addEventListener.mockRestore();
-  });
-
-  test("formats Markdown when markdownSupport is enabled", async () => {
-    const addEventListener = jest.spyOn(HTMLElement.prototype, "addEventListener");
-    const { container } = render(
-      <EditorTest
-          markdownSupport={{
-            parser: defaultMarkdownParser,
-            serializer: DOMSerializer,
-          }}
-      />
-    );
-    const editorElement = container.querySelector(".ProseMirror");
-
-    await waitFor(() => {
-      const markdownListeners = addEventListener.mock.calls.filter(
-        (call, index) => {
-          const [eventName, , capture] = call;
-          const eventTarget = addEventListener.mock.instances[index];
-          return eventName === "paste" &&
-            capture === true &&
-            eventTarget.classList?.contains("ProseMirror");
-        }
-      );
-      expect(markdownListeners).toHaveLength(1);
-    });
-
-    fireEvent.paste(editorElement, { clipboardData: createClipboardData("**Markdown**") });
-
-    await waitFor(() => expect(editorElement.innerHTML).toContain("<strong>Markdown</strong>"));
-    addEventListener.mockRestore();
-  });
-
-  test("stops TipTap's paste handler after converting Markdown", () => {
-    const pasteEvent = createPasteEvent("**Markdown**");
-    const stopImmediatePropagation = jest.spyOn(pasteEvent, "stopImmediatePropagation");
-    const insertHTML = jest.fn();
-
-    expect(handleMarkdownPaste(pasteEvent, insertHTML, markdownToHTML)).toBe(true);
-    expect(pasteEvent.defaultPrevented).toBe(true);
-    expect(stopImmediatePropagation).toHaveBeenCalled();
-    expect(insertHTML).toHaveBeenCalledWith("<p><strong>Markdown</strong></p>");
-  });
-
-  test("converts manually copied Markdown wrapped in clipboard HTML", () => {
-    const pasteEvent = createPasteEvent(
-      "**Markdown**",
-      "<div><span>**Markdown**</span></div>"
-    );
-    const stopImmediatePropagation = jest.spyOn(pasteEvent, "stopImmediatePropagation");
-    const insertHTML = jest.fn();
-
-    expect(handleMarkdownPaste(pasteEvent, insertHTML, markdownToHTML)).toBe(true);
-    expect(stopImmediatePropagation).toHaveBeenCalled();
-    expect(insertHTML).toHaveBeenCalledWith("<p><strong>Markdown</strong></p>");
-  });
-
-  test("converts a partial selection copied from a Markdown source block", () => {
-    const pasteEvent = createPasteEvent(
-      "*selected Markdown*",
-      "<pre><code>*selected Markdown*</code></pre>"
-    );
-    const stopImmediatePropagation = jest.spyOn(pasteEvent, "stopImmediatePropagation");
-    const insertHTML = jest.fn();
-
-    expect(handleMarkdownPaste(pasteEvent, insertHTML, markdownToHTML)).toBe(true);
-    expect(stopImmediatePropagation).toHaveBeenCalled();
-    expect(insertHTML).toHaveBeenCalledWith("<p><em>selected Markdown</em></p>");
-  });
-
-  test("leaves spreadsheet HTML paste handling to TipTap", () => {
-    const pasteEvent = createPasteEvent(
-      "1. Q1",
-      "<table><tbody><tr><td>1. Q1</td></tr></tbody></table>"
-    );
-    const stopImmediatePropagation = jest.spyOn(pasteEvent, "stopImmediatePropagation");
-    const insertHTML = jest.fn();
-
-    expect(handleMarkdownPaste(pasteEvent, insertHTML, markdownToHTML)).toBe(false);
-    expect(stopImmediatePropagation).not.toHaveBeenCalled();
-    expect(insertHTML).not.toHaveBeenCalled();
-  });
-
-  test("leaves rich HTML paste handling to TipTap", async () => {
-    const { container } = render(
-      <EditorTest
-          markdownSupport={{
-            parser: defaultMarkdownParser,
-            serializer: DOMSerializer,
-          }}
-      />
-    );
-    const editorElement = container.querySelector(".ProseMirror");
-    const pasteEvent = createPasteEvent(
-      "**Markdown**",
-      "<p><strong>Rendered HTML</strong></p>"
-    );
-    const stopImmediatePropagation = jest.spyOn(pasteEvent, "stopImmediatePropagation");
-
-    fireEvent(editorElement, pasteEvent);
-
-    await waitFor(() => expect(editorElement.innerHTML).toContain("<strong>Rendered HTML</strong>"));
-    expect(stopImmediatePropagation).not.toHaveBeenCalled();
-    stopImmediatePropagation.mockRestore();
-  });
-});

data/app/pb_kits/playbook/pb_rich_text_editor/rich_text_editor_rails.js

@@ -18,7 +18,6 @@ async function initPlaybookRichTextEditorRails(container) {
   const editorNode = document.getElementById(`${containerId}-editor`);
   const toolbar = document.getElementById(`${containerId}-toolbar`);
   const rteSimple = container.dataset.rteSimple === "true";
-  const markdownSupport = container.dataset.markdownSupport === "true";
   const blockTooltipId = `${containerId}-toolbar-block-tooltip`;
   const iconTemplatesRoot = rteSimple
     ? null
@@ -39,38 +38,6 @@ async function initPlaybookRichTextEditorRails(container) {
     const { Editor } = await import(RTE_TIPTAP_ESM("@tiptap/core"));
     const { default: StarterKit } = await import(RTE_TIPTAP_ESM("@tiptap/starter-kit"));
     const { default: Link } = await import(RTE_TIPTAP_ESM("@tiptap/extension-link"));
-    const neutralClipboardTags = new Set(["html", "head", "body", "meta", "div", "span", "p"]);
-    const markdownSourceTags = new Set([...neutralClipboardTags, "pre", "code"]);
-    let markdownToHtml;
-
-    if (markdownSupport) {
-      try {
-        const [{ defaultMarkdownParser }, { DOMSerializer }] = await Promise.all([
-          import("https://esm.sh/prosemirror-markdown@1.13.2"),
-          import("https://esm.sh/prosemirror-model@1.25.0"),
-        ]);
-
-        markdownToHtml = (text) => {
-          const documentNode = defaultMarkdownParser.parse(text);
-          if (!documentNode) return null;
-          const hasMarkdownFormatting = (node) => {
-            const isFormattedNode = !["doc", "paragraph", "text"].includes(node.type);
-            if (isFormattedNode || node.marks?.length) return true;
-
-            return node.content?.some(hasMarkdownFormatting) || false;
-          };
-          if (!hasMarkdownFormatting(documentNode.toJSON())) return null;
-
-          const wrapper = document.createElement("div");
-          const serializer = DOMSerializer.fromSchema(documentNode.type.schema);
-          wrapper.appendChild(serializer.serializeFragment(documentNode.content));
-          wrapper.querySelectorAll("[data-tight]").forEach((node) => node.removeAttribute("data-tight"));
-          return wrapper.innerHTML;
-        };
-      } catch (_error) {
-        markdownToHtml = undefined;
-      }
-    }
 
     const editor = new Editor({
       element: editorNode,
@@ -83,38 +50,6 @@ async function initPlaybookRichTextEditorRails(container) {
       onUpdate: ({ editor: ed }) => syncToHiddenInput(ed),
     });
 
-    if (markdownSupport && markdownToHtml) {
-      editorNode.addEventListener("paste", (event) => {
-        const text = event.clipboardData?.getData("text/plain");
-        const richHtml = event.clipboardData?.getData("text/html");
-        const clipboardDocument = new DOMParser().parseFromString(richHtml || "", "text/html");
-        const elements = [...clipboardDocument.querySelectorAll("*")];
-        const hasStyledElement = elements.some((element) => element.hasAttribute("style"));
-        const hasOnlyNeutralTags = elements.every((element) =>
-          neutralClipboardTags.has(element.tagName.toLowerCase())
-        );
-        const hasOnlyMarkdownSourceTags = elements.every((element) =>
-          markdownSourceTags.has(element.tagName.toLowerCase())
-        );
-        const sourceTextMatches = clipboardDocument.body.textContent?.trim() === text?.trim();
-        const hasRichTextFormatting = hasStyledElement ||
-          (!hasOnlyNeutralTags && !(hasOnlyMarkdownSourceTags && sourceTextMatches));
-        if (hasRichTextFormatting || !text || !markdownToHtml) return;
-
-        let html;
-        try {
-          html = markdownToHtml(text);
-        } catch (_error) {
-          return;
-        }
-        if (!html) return;
-
-        event.preventDefault();
-        event.stopImmediatePropagation();
-        editor.chain().focus().insertContent(html).run();
-      }, true);
-    }
-
     syncToHiddenInput(editor);
 
     const actionToChain = {
@@ -166,50 +101,6 @@ async function initPlaybookRichTextEditorRails(container) {
     };
 
     const applyBlockType = (value) => {
-      let { selection } = editor.state;
-
-      if ((value === "bulletList" || value === "orderedList") && !selection.empty) {
-        if (selection.$from.nodeBefore?.type.name === "hardBreak") {
-          const selectedSize = selection.to - selection.from;
-          const breakPosition = selection.from - 1;
-
-          editor.chain()
-            .deleteRange({ from: breakPosition, to: selection.from })
-            .setTextSelection(breakPosition)
-            .splitBlock()
-            .run();
-
-          const from = editor.state.selection.from;
-          editor.commands.setTextSelection({ from, to: from + selectedSize });
-          selection = editor.state.selection;
-        }
-
-        const { $from, $to } = selection;
-        let { from, to } = selection;
-
-        if (
-          $from.depth > 0 &&
-          $from.parent.isTextblock &&
-          $from.parentOffset === $from.parent.content.size
-        ) {
-          const nextBlockStart = $from.after($from.depth) + 1;
-          if (nextBlockStart < to) from = nextBlockStart;
-        }
-
-        if (
-          $to.depth > 0 &&
-          $to.parent.isTextblock &&
-          $to.parentOffset === 0
-        ) {
-          const previousBlockEnd = $to.before($to.depth) - 1;
-          if (previousBlockEnd > from) to = previousBlockEnd;
-        }
-
-        if (from !== selection.from || to !== selection.to) {
-          editor.commands.setTextSelection({ from, to });
-        }
-      }
-
       const chain = editor.chain().focus();
       if (value === "paragraph") chain.setParagraph().run();
       else if (value === "heading-1") chain.toggleHeading({ level: 1 }).run();