add inline option to image node

2020-10-30 16:57:55 +01:00
parent a8216d0840
commit 3e3dd26ca5
2 changed files with 20 additions and 3 deletions
--- a/packages/extension-image/index.ts
+++ b/packages/extension-image/index.ts
@@ -1,13 +1,25 @@
 import { Command, createNode, nodeInputRule } from '@tiptap/core'

+export interface ImageOptions {
+  inline: boolean,
+}
+
 export const inputRegex = /!\[(.+|:?)]\((\S+)(?:(?:\s+)["'](\S+)["'])?\)/

 const Image = createNode({
  name: 'image',

-  inline: true,
+  defaultOptions: <ImageOptions>{
+    inline: false,
+  },

-  group: 'inline',
+  inline() {
+    return this.options.inline
+  },
+
+  group() {
+    return this.options.inline ? 'inline' : 'block'
+  },

  draggable: true,