mirror/tiptap
1
0
Fork 0
mirror of https://github.com/ueberdosis/tiptap.git synced 2025-01-18 14:13:21 +08:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

feat: add updateSelection option to insertContentAt command

Browse Source
This commit is contained in:
Philipp Kühn 2021-10-14 12:08:39 +02:00
parent 4303637a78
commit 9f2c36896b
2 changed files with 28 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
packages/core/src/commands/insertContent.ts
View File

@ -1,4 +1,4 @@
import { CreateNodeFromContentOptions } from '../helpers/createNodeFromContent' import { ParseOptions } from 'prosemirror-model'
import { RawCommands, Content } from '../types' import { RawCommands, Content } from '../types'
declare module '@tiptap/core' { declare module '@tiptap/core' {
@ -7,7 +7,13 @@ declare module '@tiptap/core' {
/** /**
* Insert a node or string of HTML at the current position. * Insert a node or string of HTML at the current position.
*/ */
insertContent: (value: Content, options?: CreateNodeFromContentOptions) => ReturnType, insertContent: (
value: Content,
options?: {
parseOptions: ParseOptions,
updateSelection: boolean,
},
) => ReturnType,
} }
} }
} }

24
packages/core/src/commands/insertContentAt.ts
View File

@ -1,4 +1,5 @@
import createNodeFromContent, { CreateNodeFromContentOptions } from '../helpers/createNodeFromContent' import { ParseOptions } from 'prosemirror-model'
import createNodeFromContent from '../helpers/createNodeFromContent'
import selectionToInsertionEnd from '../helpers/selectionToInsertionEnd' import selectionToInsertionEnd from '../helpers/selectionToInsertionEnd'
import { import {
RawCommands, RawCommands,
@ -12,18 +13,31 @@ declare module '@tiptap/core' {
/** /**
* Insert a node or string of HTML at a specific position. * Insert a node or string of HTML at a specific position.
*/ */
insertContentAt: (position: number | Range, value: Content, options?: CreateNodeFromContentOptions) => ReturnType, insertContentAt: (
position: number | Range,
value: Content,
options?: {
parseOptions: ParseOptions,
updateSelection: boolean,
},
) => ReturnType,
} }
} }
} }
export const insertContentAt: RawCommands['insertContentAt'] = (position, value, options) => ({ tr, dispatch, editor }) => { export const insertContentAt: RawCommands['insertContentAt'] = (position, value, options) => ({ tr, dispatch, editor }) => {
if (dispatch) { if (dispatch) {
options = {
parseOptions: {},
updateSelection: true,
...options,
}
const content = createNodeFromContent(value, editor.schema, { const content = createNodeFromContent(value, editor.schema, {
parseOptions: { parseOptions: {
preserveWhitespace: 'full', preserveWhitespace: 'full',
...options.parseOptions,
}, },
...(options || {}),
}) })
// don’t dispatch an empty fragment because this can lead to strange errors // don’t dispatch an empty fragment because this can lead to strange errors
@ -38,7 +52,9 @@ export const insertContentAt: RawCommands['insertContentAt'] = (position, value,
tr.replaceWith(from, to, content) tr.replaceWith(from, to, content)
// set cursor at end of inserted content // set cursor at end of inserted content
selectionToInsertionEnd(tr, tr.steps.length - 1, 1) if (options.updateSelection) {
selectionToInsertionEnd(tr, tr.steps.length - 1, 1)
}
} }
return true return true