📝 Add it to the doc

This commit is contained in:
castroCrea 2021-08-04 12:36:12 +02:00
parent 55d0e67422
commit 68fe31b2e4
3 changed files with 41 additions and 1 deletions

View File

@ -32,6 +32,31 @@ const CustomTableCell = TableCell.extend({
},
})
export const tableHTML = `
<table style="width:100%">
<tr>
<th>Firstname</th>
<th>Lastname</th>
<th>Age</th>
</tr>
<tr>
<td>Jill</td>
<td>Smith</td>
<td>50</td>
</tr>
<tr>
<td>Eve</td>
<td>Jackson</td>
<td>94</td>
</tr>
<tr>
<td>John</td>
<td>Doe</td>
<td>80</td>
</tr>
</table>
`
const MenuBar = ({ editor }) => {
if (!editor) {
return null
@ -42,6 +67,13 @@ const MenuBar = ({ editor }) => {
<button onClick={() => editor.chain().focus().insertTable({ rows: 3, cols: 3, withHeaderRow: true }).run()}>
insertTable
</button>
<button onClick={() => editor.chain().focus().insertContent(tableHTML, {
parseOptions: {
preserveWhitespace: false,
},
}).run()}>
insertHTMLTable
</button>
<button onClick={() => editor.chain().focus().addColumnBefore().run()} disabled={!editor.can().addColumnBefore()}>
addColumnBefore
</button>

View File

@ -16,6 +16,14 @@ editor.commands.insertContent('Example Text')
// HTML
editor.commands.insertContent('<h1>Example Text</h1>')
// HTML with trim white space
editor.commands.insertContent('<h1>Example Text</h1>',
{
parseOptions: {
preserveWhitespace: false,
}
})
// JSON/Nodes
editor.commands.insertContent({
type: 'heading',

View File

@ -23,7 +23,7 @@ export const insertContentAt: RawCommands['insertContentAt'] = (position, value,
parseOptions: {
preserveWhitespace: 'full',
},
...(options || {})
...(options || {}),
})
// dont dispatch an empty fragment because this can lead to strange errors