feat(addon-editor): add selected content into details (#1865)

taiga-family · Jun 3, 2022 · 3c7c53b · 3c7c53b
1 parent 0c24faa
commit 3c7c53b
Showing 1 changed file with 16 additions and 2 deletions.
diff --git a/projects/addon-editor/extensions/details/details.extension.ts b/projects/addon-editor/extensions/details/details.extension.ts
@@ -1,4 +1,10 @@
-import {CommandProps, mergeAttributes, Node, RawCommands} from '@tiptap/core';
+import {
+    CommandProps,
+    getHTMLFromFragment,
+    mergeAttributes,
+    Node,
+    RawCommands,
+} from '@tiptap/core';
 import {EditorState} from 'prosemirror-state';
 
 export interface TuiDetailsOptions {
@@ -91,9 +97,17 @@ export const TuiDetails = Node.create<TuiDetailsOptions>({
                 () =>
                 ({commands, state}) => {
                     const currentNodeContent = state.selection.$head.parent.textContent;
+                    const selected = state.doc.cut(
+                        state.selection.from,
+                        state.selection.to,
+                    );
+
+                    const content = selected.content.size
+                        ? getHTMLFromFragment(selected.content, state.schema)
+                        : currentNodeContent;
 
                     return commands.insertContent(
-                        `<details data-opened="true"><summary><p></p></summary><div data-type="details-content"><p>${currentNodeContent}</p></div></details><p></p>`,
+                        `<details data-opened="true"><summary><p></p></summary><div data-type="details-content"><p>${content}</p></div></details><p></p>`,
                     );
                 },
             removeDetails: