diff --git a/docs/src/demos/Examples/Tables/React/index.jsx b/docs/src/demos/Examples/Tables/React/index.jsx index 15702130..179c71cc 100644 --- a/docs/src/demos/Examples/Tables/React/index.jsx +++ b/docs/src/demos/Examples/Tables/React/index.jsx @@ -32,6 +32,31 @@ const CustomTableCell = TableCell.extend({ }, }) +export const tableHTML = ` + + + + + + + + + + + + + + + + + + + + + +
FirstnameLastnameAge
JillSmith50
EveJackson94
JohnDoe80
+` + const MenuBar = ({ editor }) => { if (!editor) { return null @@ -42,6 +67,13 @@ const MenuBar = ({ editor }) => { + diff --git a/docs/src/docPages/api/commands/insert-content.md b/docs/src/docPages/api/commands/insert-content.md index 147230a8..24059b37 100644 --- a/docs/src/docPages/api/commands/insert-content.md +++ b/docs/src/docPages/api/commands/insert-content.md @@ -16,6 +16,14 @@ editor.commands.insertContent('Example Text') // HTML editor.commands.insertContent('

Example Text

') +// HTML with trim white space +editor.commands.insertContent('

Example Text

', +{ + parseOptions: { + preserveWhitespace: false, + } +}) + // JSON/Nodes editor.commands.insertContent({ type: 'heading', diff --git a/packages/core/src/commands/insertContent.ts b/packages/core/src/commands/insertContent.ts index 9b8db913..5acd40b7 100644 --- a/packages/core/src/commands/insertContent.ts +++ b/packages/core/src/commands/insertContent.ts @@ -1,3 +1,4 @@ +import { CreateNodeFromContentOptions } from '../helpers/createNodeFromContent' import { RawCommands, Content } from '../types' declare module '@tiptap/core' { @@ -6,11 +7,11 @@ declare module '@tiptap/core' { /** * Insert a node or string of HTML at the current position. */ - insertContent: (value: Content) => ReturnType, + insertContent: (value: Content, options?: CreateNodeFromContentOptions) => ReturnType, } } } -export const insertContent: RawCommands['insertContent'] = value => ({ tr, commands }) => { - return commands.insertContentAt({ from: tr.selection.from, to: tr.selection.to }, value) +export const insertContent: RawCommands['insertContent'] = (value, options) => ({ tr, commands }) => { + return commands.insertContentAt({ from: tr.selection.from, to: tr.selection.to }, value, options) } diff --git a/packages/core/src/commands/insertContentAt.ts b/packages/core/src/commands/insertContentAt.ts index 22e6fc7d..db971232 100644 --- a/packages/core/src/commands/insertContentAt.ts +++ b/packages/core/src/commands/insertContentAt.ts @@ -1,4 +1,4 @@ -import createNodeFromContent from '../helpers/createNodeFromContent' +import createNodeFromContent, { CreateNodeFromContentOptions } from '../helpers/createNodeFromContent' import selectionToInsertionEnd from '../helpers/selectionToInsertionEnd' import { RawCommands, @@ -12,17 +12,18 @@ declare module '@tiptap/core' { /** * Insert a node or string of HTML at a specific position. */ - insertContentAt: (position: number | Range, value: Content) => ReturnType, + insertContentAt: (position: number | Range, value: Content, options?: CreateNodeFromContentOptions) => ReturnType, } } } -export const insertContentAt: RawCommands['insertContentAt'] = (position, value) => ({ tr, dispatch, editor }) => { +export const insertContentAt: RawCommands['insertContentAt'] = (position, value, options) => ({ tr, dispatch, editor }) => { if (dispatch) { const content = createNodeFromContent(value, editor.schema, { parseOptions: { preserveWhitespace: 'full', }, + ...(options || {}), }) // don’t dispatch an empty fragment because this can lead to strange errors