mirror of
https://github.com/ueberdosis/tiptap.git
synced 2024-12-05 04:19:07 +08:00
rename all extensions (drop suffix)
This commit is contained in:
parent
787892dd4c
commit
6b03315e59
@ -118,22 +118,22 @@
|
|||||||
import Icon from 'Components/Icon'
|
import Icon from 'Components/Icon'
|
||||||
import { Editor, EditorContent, MenuBar } from 'tiptap'
|
import { Editor, EditorContent, MenuBar } from 'tiptap'
|
||||||
import {
|
import {
|
||||||
BlockquoteNode,
|
Blockquote,
|
||||||
BulletListNode,
|
BulletList,
|
||||||
CodeBlockNode,
|
CodeBlock,
|
||||||
HardBreakNode,
|
HardBreak,
|
||||||
HeadingNode,
|
Heading,
|
||||||
ListItemNode,
|
ListItem,
|
||||||
OrderedListNode,
|
OrderedList,
|
||||||
TodoItemNode,
|
TodoItem,
|
||||||
TodoListNode,
|
TodoList,
|
||||||
BoldMark,
|
Bold,
|
||||||
CodeMark,
|
Code,
|
||||||
ItalicMark,
|
Italic,
|
||||||
LinkMark,
|
Link,
|
||||||
StrikeMark,
|
Strike,
|
||||||
UnderlineMark,
|
Underline,
|
||||||
HistoryExtension,
|
History,
|
||||||
} from 'tiptap-extensions'
|
} from 'tiptap-extensions'
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
@ -146,22 +146,22 @@ export default {
|
|||||||
return {
|
return {
|
||||||
editor: new Editor({
|
editor: new Editor({
|
||||||
extensions: [
|
extensions: [
|
||||||
new BlockquoteNode(),
|
new Blockquote(),
|
||||||
new BulletListNode(),
|
new BulletList(),
|
||||||
new CodeBlockNode(),
|
new CodeBlock(),
|
||||||
new HardBreakNode(),
|
new HardBreak(),
|
||||||
new HeadingNode({ maxLevel: 3 }),
|
new Heading({ maxLevel: 3 }),
|
||||||
new ListItemNode(),
|
new ListItem(),
|
||||||
new OrderedListNode(),
|
new OrderedList(),
|
||||||
new TodoItemNode(),
|
new TodoItem(),
|
||||||
new TodoListNode(),
|
new TodoList(),
|
||||||
new BoldMark(),
|
new Bold(),
|
||||||
new CodeMark(),
|
new Code(),
|
||||||
new ItalicMark(),
|
new Italic(),
|
||||||
new LinkMark(),
|
new Link(),
|
||||||
new StrikeMark(),
|
new Strike(),
|
||||||
new UnderlineMark(),
|
new Underline(),
|
||||||
new HistoryExtension(),
|
new History(),
|
||||||
],
|
],
|
||||||
content: `
|
content: `
|
||||||
<h2>
|
<h2>
|
||||||
|
@ -7,12 +7,12 @@
|
|||||||
<script>
|
<script>
|
||||||
import { Editor, EditorContent } from 'tiptap'
|
import { Editor, EditorContent } from 'tiptap'
|
||||||
import {
|
import {
|
||||||
CodeBlockHighlightNode,
|
CodeBlockHighlight,
|
||||||
HardBreakNode,
|
HardBreak,
|
||||||
HeadingNode,
|
Heading,
|
||||||
BoldMark,
|
Bold,
|
||||||
CodeMark,
|
Code,
|
||||||
ItalicMark,
|
Italic,
|
||||||
} from 'tiptap-extensions'
|
} from 'tiptap-extensions'
|
||||||
|
|
||||||
import javascript from 'highlight.js/lib/languages/javascript'
|
import javascript from 'highlight.js/lib/languages/javascript'
|
||||||
@ -32,17 +32,17 @@ export default {
|
|||||||
return {
|
return {
|
||||||
editor: new Editor({
|
editor: new Editor({
|
||||||
extensions: [
|
extensions: [
|
||||||
new CodeBlockHighlightNode({
|
new CodeBlockHighlight({
|
||||||
languages: {
|
languages: {
|
||||||
javascript,
|
javascript,
|
||||||
css,
|
css,
|
||||||
},
|
},
|
||||||
}),
|
}),
|
||||||
new HardBreakNode(),
|
new HardBreak(),
|
||||||
new HeadingNode({ maxLevel: 3 }),
|
new Heading({ maxLevel: 3 }),
|
||||||
new BoldMark(),
|
new Bold(),
|
||||||
new CodeMark(),
|
new Code(),
|
||||||
new ItalicMark(),
|
new Italic(),
|
||||||
],
|
],
|
||||||
content: `
|
content: `
|
||||||
<h2>
|
<h2>
|
||||||
|
@ -1,6 +1,6 @@
|
|||||||
import { Node } from 'tiptap'
|
import { Node } from 'tiptap'
|
||||||
|
|
||||||
export default class IframeNode extends Node {
|
export default class Iframe extends Node {
|
||||||
|
|
||||||
get name() {
|
get name() {
|
||||||
return 'iframe'
|
return 'iframe'
|
||||||
|
@ -7,13 +7,13 @@
|
|||||||
<script>
|
<script>
|
||||||
import { Editor, EditorContent } from 'tiptap'
|
import { Editor, EditorContent } from 'tiptap'
|
||||||
import {
|
import {
|
||||||
HardBreakNode,
|
HardBreak,
|
||||||
HeadingNode,
|
Heading,
|
||||||
BoldMark,
|
Bold,
|
||||||
ItalicMark,
|
Italic,
|
||||||
HistoryExtension,
|
History,
|
||||||
} from 'tiptap-extensions'
|
} from 'tiptap-extensions'
|
||||||
import IframeNode from './Iframe.js'
|
import Iframe from './Iframe.js'
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
components: {
|
components: {
|
||||||
@ -23,13 +23,13 @@ export default {
|
|||||||
return {
|
return {
|
||||||
editor: new Editor({
|
editor: new Editor({
|
||||||
extensions: [
|
extensions: [
|
||||||
new HardBreakNode(),
|
new HardBreak(),
|
||||||
new HeadingNode({ maxLevel: 3 }),
|
new Heading({ maxLevel: 3 }),
|
||||||
new BoldMark(),
|
new Bold(),
|
||||||
new ItalicMark(),
|
new Italic(),
|
||||||
new HistoryExtension(),
|
new History(),
|
||||||
// custom extension
|
// custom extension
|
||||||
new IframeNode(),
|
new Iframe(),
|
||||||
],
|
],
|
||||||
content: `
|
content: `
|
||||||
<h2>
|
<h2>
|
||||||
|
@ -114,20 +114,20 @@
|
|||||||
import Icon from 'Components/Icon'
|
import Icon from 'Components/Icon'
|
||||||
import { Editor, EditorContent, MenuBar } from 'tiptap'
|
import { Editor, EditorContent, MenuBar } from 'tiptap'
|
||||||
import {
|
import {
|
||||||
BlockquoteNode,
|
Blockquote,
|
||||||
BulletListNode,
|
BulletList,
|
||||||
CodeBlockNode,
|
CodeBlock,
|
||||||
HardBreakNode,
|
HardBreak,
|
||||||
HeadingNode,
|
Heading,
|
||||||
ListItemNode,
|
ListItem,
|
||||||
OrderedListNode,
|
OrderedList,
|
||||||
TodoItemNode,
|
TodoItem,
|
||||||
TodoListNode,
|
TodoList,
|
||||||
BoldMark,
|
Bold,
|
||||||
CodeMark,
|
Code,
|
||||||
ItalicMark,
|
Italic,
|
||||||
LinkMark,
|
Link,
|
||||||
HistoryExtension,
|
History,
|
||||||
} from 'tiptap-extensions'
|
} from 'tiptap-extensions'
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
@ -140,20 +140,20 @@ export default {
|
|||||||
return {
|
return {
|
||||||
editor: new Editor({
|
editor: new Editor({
|
||||||
extensions: [
|
extensions: [
|
||||||
new BlockquoteNode(),
|
new Blockquote(),
|
||||||
new BulletListNode(),
|
new BulletList(),
|
||||||
new CodeBlockNode(),
|
new CodeBlock(),
|
||||||
new HardBreakNode(),
|
new HardBreak(),
|
||||||
new HeadingNode({ maxLevel: 3 }),
|
new Heading({ maxLevel: 3 }),
|
||||||
new ListItemNode(),
|
new ListItem(),
|
||||||
new OrderedListNode(),
|
new OrderedList(),
|
||||||
new TodoItemNode(),
|
new TodoItem(),
|
||||||
new TodoListNode(),
|
new TodoList(),
|
||||||
new BoldMark(),
|
new Bold(),
|
||||||
new CodeMark(),
|
new Code(),
|
||||||
new ItalicMark(),
|
new Italic(),
|
||||||
new LinkMark(),
|
new Link(),
|
||||||
new HistoryExtension(),
|
new History(),
|
||||||
],
|
],
|
||||||
content: `
|
content: `
|
||||||
<h2>
|
<h2>
|
||||||
|
@ -70,20 +70,20 @@
|
|||||||
import Icon from 'Components/Icon'
|
import Icon from 'Components/Icon'
|
||||||
import { Editor, EditorContent, FloatingMenu } from 'tiptap'
|
import { Editor, EditorContent, FloatingMenu } from 'tiptap'
|
||||||
import {
|
import {
|
||||||
BlockquoteNode,
|
Blockquote,
|
||||||
BulletListNode,
|
BulletList,
|
||||||
CodeBlockNode,
|
CodeBlock,
|
||||||
HardBreakNode,
|
HardBreak,
|
||||||
HeadingNode,
|
Heading,
|
||||||
ListItemNode,
|
ListItem,
|
||||||
OrderedListNode,
|
OrderedList,
|
||||||
TodoItemNode,
|
TodoItem,
|
||||||
TodoListNode,
|
TodoList,
|
||||||
BoldMark,
|
Bold,
|
||||||
CodeMark,
|
Code,
|
||||||
ItalicMark,
|
Italic,
|
||||||
LinkMark,
|
Link,
|
||||||
HistoryExtension,
|
History,
|
||||||
} from 'tiptap-extensions'
|
} from 'tiptap-extensions'
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
@ -96,20 +96,20 @@ export default {
|
|||||||
return {
|
return {
|
||||||
editor: new Editor({
|
editor: new Editor({
|
||||||
extensions: [
|
extensions: [
|
||||||
new BlockquoteNode(),
|
new Blockquote(),
|
||||||
new BulletListNode(),
|
new BulletList(),
|
||||||
new CodeBlockNode(),
|
new CodeBlock(),
|
||||||
new HardBreakNode(),
|
new HardBreak(),
|
||||||
new HeadingNode({ maxLevel: 3 }),
|
new Heading({ maxLevel: 3 }),
|
||||||
new ListItemNode(),
|
new ListItem(),
|
||||||
new OrderedListNode(),
|
new OrderedList(),
|
||||||
new TodoItemNode(),
|
new TodoItem(),
|
||||||
new TodoListNode(),
|
new TodoList(),
|
||||||
new BoldMark(),
|
new Bold(),
|
||||||
new CodeMark(),
|
new Code(),
|
||||||
new ItalicMark(),
|
new Italic(),
|
||||||
new LinkMark(),
|
new Link(),
|
||||||
new HistoryExtension(),
|
new History(),
|
||||||
],
|
],
|
||||||
content: `
|
content: `
|
||||||
<h2>
|
<h2>
|
||||||
|
@ -120,22 +120,22 @@
|
|||||||
import Icon from 'Components/Icon'
|
import Icon from 'Components/Icon'
|
||||||
import { Editor, EditorContent, MenuBar } from 'tiptap'
|
import { Editor, EditorContent, MenuBar } from 'tiptap'
|
||||||
import {
|
import {
|
||||||
BlockquoteNode,
|
Blockquote,
|
||||||
BulletListNode,
|
BulletList,
|
||||||
CodeBlockNode,
|
CodeBlock,
|
||||||
HardBreakNode,
|
HardBreak,
|
||||||
HeadingNode,
|
Heading,
|
||||||
ListItemNode,
|
ListItem,
|
||||||
OrderedListNode,
|
OrderedList,
|
||||||
TodoItemNode,
|
TodoItem,
|
||||||
TodoListNode,
|
TodoList,
|
||||||
BoldMark,
|
Bold,
|
||||||
CodeMark,
|
Code,
|
||||||
ItalicMark,
|
Italic,
|
||||||
LinkMark,
|
Link,
|
||||||
StrikeMark,
|
Strike,
|
||||||
UnderlineMark,
|
Underline,
|
||||||
HistoryExtension,
|
History,
|
||||||
} from 'tiptap-extensions'
|
} from 'tiptap-extensions'
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
@ -148,22 +148,22 @@ export default {
|
|||||||
return {
|
return {
|
||||||
editor: new Editor({
|
editor: new Editor({
|
||||||
extensions: [
|
extensions: [
|
||||||
new BlockquoteNode(),
|
new Blockquote(),
|
||||||
new BulletListNode(),
|
new BulletList(),
|
||||||
new CodeBlockNode(),
|
new CodeBlock(),
|
||||||
new HardBreakNode(),
|
new HardBreak(),
|
||||||
new HeadingNode({ maxLevel: 3 }),
|
new Heading({ maxLevel: 3 }),
|
||||||
new ListItemNode(),
|
new ListItem(),
|
||||||
new OrderedListNode(),
|
new OrderedList(),
|
||||||
new TodoItemNode(),
|
new TodoItem(),
|
||||||
new TodoListNode(),
|
new TodoList(),
|
||||||
new BoldMark(),
|
new Bold(),
|
||||||
new CodeMark(),
|
new Code(),
|
||||||
new ItalicMark(),
|
new Italic(),
|
||||||
new LinkMark(),
|
new Link(),
|
||||||
new StrikeMark(),
|
new Strike(),
|
||||||
new UnderlineMark(),
|
new Underline(),
|
||||||
new HistoryExtension(),
|
new History(),
|
||||||
],
|
],
|
||||||
content: `
|
content: `
|
||||||
<h2>
|
<h2>
|
||||||
|
@ -19,12 +19,12 @@
|
|||||||
import Icon from 'Components/Icon'
|
import Icon from 'Components/Icon'
|
||||||
import { Editor, EditorContent, MenuBar } from 'tiptap'
|
import { Editor, EditorContent, MenuBar } from 'tiptap'
|
||||||
import {
|
import {
|
||||||
HardBreakNode,
|
HardBreak,
|
||||||
HeadingNode,
|
Heading,
|
||||||
ImageNode,
|
Image,
|
||||||
BoldMark,
|
Bold,
|
||||||
CodeMark,
|
Code,
|
||||||
ItalicMark,
|
Italic,
|
||||||
} from 'tiptap-extensions'
|
} from 'tiptap-extensions'
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
@ -37,12 +37,12 @@ export default {
|
|||||||
return {
|
return {
|
||||||
editor: new Editor({
|
editor: new Editor({
|
||||||
extensions: [
|
extensions: [
|
||||||
new HardBreakNode(),
|
new HardBreak(),
|
||||||
new HeadingNode({ maxLevel: 3 }),
|
new Heading({ maxLevel: 3 }),
|
||||||
new ImageNode(),
|
new Image(),
|
||||||
new BoldMark(),
|
new Bold(),
|
||||||
new CodeMark(),
|
new Code(),
|
||||||
new ItalicMark(),
|
new Italic(),
|
||||||
],
|
],
|
||||||
content: `
|
content: `
|
||||||
<h2>
|
<h2>
|
||||||
|
@ -32,20 +32,20 @@
|
|||||||
import Icon from 'Components/Icon'
|
import Icon from 'Components/Icon'
|
||||||
import { Editor, EditorContent, MenuBubble } from 'tiptap'
|
import { Editor, EditorContent, MenuBubble } from 'tiptap'
|
||||||
import {
|
import {
|
||||||
BlockquoteNode,
|
Blockquote,
|
||||||
BulletListNode,
|
BulletList,
|
||||||
CodeBlockNode,
|
CodeBlock,
|
||||||
HardBreakNode,
|
HardBreak,
|
||||||
HeadingNode,
|
Heading,
|
||||||
ListItemNode,
|
ListItem,
|
||||||
OrderedListNode,
|
OrderedList,
|
||||||
TodoItemNode,
|
TodoItem,
|
||||||
TodoListNode,
|
TodoList,
|
||||||
BoldMark,
|
Bold,
|
||||||
CodeMark,
|
Code,
|
||||||
ItalicMark,
|
Italic,
|
||||||
LinkMark,
|
Link,
|
||||||
HistoryExtension,
|
History,
|
||||||
} from 'tiptap-extensions'
|
} from 'tiptap-extensions'
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
@ -58,20 +58,20 @@ export default {
|
|||||||
return {
|
return {
|
||||||
editor: new Editor({
|
editor: new Editor({
|
||||||
extensions: [
|
extensions: [
|
||||||
new BlockquoteNode(),
|
new Blockquote(),
|
||||||
new BulletListNode(),
|
new BulletList(),
|
||||||
new CodeBlockNode(),
|
new CodeBlock(),
|
||||||
new HardBreakNode(),
|
new HardBreak(),
|
||||||
new HeadingNode({ maxLevel: 3 }),
|
new Heading({ maxLevel: 3 }),
|
||||||
new ListItemNode(),
|
new ListItem(),
|
||||||
new OrderedListNode(),
|
new OrderedList(),
|
||||||
new TodoItemNode(),
|
new TodoItem(),
|
||||||
new TodoListNode(),
|
new TodoList(),
|
||||||
new BoldMark(),
|
new Bold(),
|
||||||
new CodeMark(),
|
new Code(),
|
||||||
new ItalicMark(),
|
new Italic(),
|
||||||
new LinkMark(),
|
new Link(),
|
||||||
new HistoryExtension(),
|
new History(),
|
||||||
],
|
],
|
||||||
content: `
|
content: `
|
||||||
<h2>
|
<h2>
|
||||||
|
@ -8,20 +8,20 @@
|
|||||||
import Icon from 'Components/Icon'
|
import Icon from 'Components/Icon'
|
||||||
import { Editor, EditorContent } from 'tiptap'
|
import { Editor, EditorContent } from 'tiptap'
|
||||||
import {
|
import {
|
||||||
BlockquoteNode,
|
Blockquote,
|
||||||
BulletListNode,
|
BulletList,
|
||||||
CodeBlockNode,
|
CodeBlock,
|
||||||
HardBreakNode,
|
HardBreak,
|
||||||
HeadingNode,
|
Heading,
|
||||||
ListItemNode,
|
ListItem,
|
||||||
OrderedListNode,
|
OrderedList,
|
||||||
TodoItemNode,
|
TodoItem,
|
||||||
TodoListNode,
|
TodoList,
|
||||||
BoldMark,
|
Bold,
|
||||||
CodeMark,
|
Code,
|
||||||
ItalicMark,
|
Italic,
|
||||||
LinkMark,
|
Link,
|
||||||
HistoryExtension,
|
History,
|
||||||
} from 'tiptap-extensions'
|
} from 'tiptap-extensions'
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
@ -33,24 +33,24 @@ export default {
|
|||||||
return {
|
return {
|
||||||
editor: new Editor({
|
editor: new Editor({
|
||||||
extensions: [
|
extensions: [
|
||||||
new BlockquoteNode(),
|
new Blockquote(),
|
||||||
new BulletListNode(),
|
new BulletList(),
|
||||||
new CodeBlockNode(),
|
new CodeBlock(),
|
||||||
new HardBreakNode(),
|
new HardBreak(),
|
||||||
new HeadingNode({ maxLevel: 3 }),
|
new Heading({ maxLevel: 3 }),
|
||||||
new ListItemNode(),
|
new ListItem(),
|
||||||
new OrderedListNode(),
|
new OrderedList(),
|
||||||
new TodoItemNode(),
|
new TodoItem(),
|
||||||
new TodoListNode(),
|
new TodoList(),
|
||||||
new BoldMark(),
|
new Bold(),
|
||||||
new CodeMark(),
|
new Code(),
|
||||||
new ItalicMark(),
|
new Italic(),
|
||||||
new LinkMark(),
|
new Link(),
|
||||||
new HistoryExtension(),
|
new History(),
|
||||||
],
|
],
|
||||||
content: `
|
content: `
|
||||||
<h2>
|
<h2>
|
||||||
Markdown Shortcuts
|
down Shortcuts
|
||||||
</h2>
|
</h2>
|
||||||
<p>
|
<p>
|
||||||
Start a new line and type <code>#</code> followed by a <code>space</code> and you will get an H1 headline.
|
Start a new line and type <code>#</code> followed by a <code>space</code> and you will get an H1 headline.
|
||||||
|
@ -38,22 +38,22 @@
|
|||||||
import Icon from 'Components/Icon'
|
import Icon from 'Components/Icon'
|
||||||
import { Editor, EditorContent, MenuBubble } from 'tiptap'
|
import { Editor, EditorContent, MenuBubble } from 'tiptap'
|
||||||
import {
|
import {
|
||||||
BlockquoteNode,
|
Blockquote,
|
||||||
BulletListNode,
|
BulletList,
|
||||||
CodeBlockNode,
|
CodeBlock,
|
||||||
HardBreakNode,
|
HardBreak,
|
||||||
HeadingNode,
|
Heading,
|
||||||
ListItemNode,
|
ListItem,
|
||||||
OrderedListNode,
|
OrderedList,
|
||||||
TodoItemNode,
|
TodoItem,
|
||||||
TodoListNode,
|
TodoList,
|
||||||
BoldMark,
|
Bold,
|
||||||
CodeMark,
|
Code,
|
||||||
ItalicMark,
|
Italic,
|
||||||
LinkMark,
|
Link,
|
||||||
StrikeMark,
|
Strike,
|
||||||
UnderlineMark,
|
Underline,
|
||||||
HistoryExtension,
|
History,
|
||||||
} from 'tiptap-extensions'
|
} from 'tiptap-extensions'
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
@ -66,22 +66,22 @@ export default {
|
|||||||
return {
|
return {
|
||||||
editor: new Editor({
|
editor: new Editor({
|
||||||
extensions: [
|
extensions: [
|
||||||
new BlockquoteNode(),
|
new Blockquote(),
|
||||||
new BulletListNode(),
|
new BulletList(),
|
||||||
new CodeBlockNode(),
|
new CodeBlock(),
|
||||||
new HardBreakNode(),
|
new HardBreak(),
|
||||||
new HeadingNode({ maxLevel: 3 }),
|
new Heading({ maxLevel: 3 }),
|
||||||
new ListItemNode(),
|
new ListItem(),
|
||||||
new OrderedListNode(),
|
new OrderedList(),
|
||||||
new TodoItemNode(),
|
new TodoItem(),
|
||||||
new TodoListNode(),
|
new TodoList(),
|
||||||
new BoldMark(),
|
new Bold(),
|
||||||
new CodeMark(),
|
new Code(),
|
||||||
new ItalicMark(),
|
new Italic(),
|
||||||
new LinkMark(),
|
new Link(),
|
||||||
new StrikeMark(),
|
new Strike(),
|
||||||
new UnderlineMark(),
|
new Underline(),
|
||||||
new HistoryExtension(),
|
new History(),
|
||||||
],
|
],
|
||||||
content: `
|
content: `
|
||||||
<h2>
|
<h2>
|
||||||
|
@ -7,9 +7,9 @@
|
|||||||
<script>
|
<script>
|
||||||
import { Editor, EditorContent } from 'tiptap'
|
import { Editor, EditorContent } from 'tiptap'
|
||||||
import {
|
import {
|
||||||
BulletListNode,
|
BulletList,
|
||||||
ListItemNode,
|
ListItem,
|
||||||
PlaceholderExtension,
|
Placeholder,
|
||||||
} from 'tiptap-extensions'
|
} from 'tiptap-extensions'
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
@ -20,10 +20,10 @@ export default {
|
|||||||
return {
|
return {
|
||||||
editor: new Editor({
|
editor: new Editor({
|
||||||
extensions: [
|
extensions: [
|
||||||
new BulletListNode(),
|
new BulletList(),
|
||||||
new ListItemNode(),
|
new ListItem(),
|
||||||
new PlaceholderExtension({
|
new Placeholder({
|
||||||
emptyNodeClass: 'is-empty',
|
emptyClass: 'is-empty',
|
||||||
}),
|
}),
|
||||||
],
|
],
|
||||||
}),
|
}),
|
||||||
|
@ -7,12 +7,12 @@
|
|||||||
<script>
|
<script>
|
||||||
import { Editor, EditorContent } from 'tiptap'
|
import { Editor, EditorContent } from 'tiptap'
|
||||||
import {
|
import {
|
||||||
HardBreakNode,
|
HardBreak,
|
||||||
HeadingNode,
|
Heading,
|
||||||
BoldMark,
|
Bold,
|
||||||
CodeMark,
|
Code,
|
||||||
ItalicMark,
|
Italic,
|
||||||
LinkMark,
|
Link,
|
||||||
} from 'tiptap-extensions'
|
} from 'tiptap-extensions'
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
@ -24,12 +24,12 @@ export default {
|
|||||||
editor: new Editor({
|
editor: new Editor({
|
||||||
editable: false,
|
editable: false,
|
||||||
extensions: [
|
extensions: [
|
||||||
new HardBreakNode(),
|
new HardBreak(),
|
||||||
new HeadingNode({ maxLevel: 3 }),
|
new Heading({ maxLevel: 3 }),
|
||||||
new BoldMark(),
|
new Bold(),
|
||||||
new CodeMark(),
|
new Code(),
|
||||||
new ItalicMark(),
|
new Italic(),
|
||||||
new LinkMark(),
|
new Link(),
|
||||||
],
|
],
|
||||||
content: `
|
content: `
|
||||||
<h2>
|
<h2>
|
||||||
|
@ -30,12 +30,12 @@ import Fuse from 'fuse.js'
|
|||||||
import tippy from 'tippy.js'
|
import tippy from 'tippy.js'
|
||||||
import { Editor, EditorContent } from 'tiptap'
|
import { Editor, EditorContent } from 'tiptap'
|
||||||
import {
|
import {
|
||||||
HardBreakNode,
|
HardBreak,
|
||||||
HeadingNode,
|
Heading,
|
||||||
MentionNode,
|
Mention,
|
||||||
CodeMark,
|
Code,
|
||||||
BoldMark,
|
Bold,
|
||||||
ItalicMark,
|
Italic,
|
||||||
} from 'tiptap-extensions'
|
} from 'tiptap-extensions'
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
@ -48,9 +48,9 @@ export default {
|
|||||||
return {
|
return {
|
||||||
editor: new Editor({
|
editor: new Editor({
|
||||||
extensions: [
|
extensions: [
|
||||||
new HardBreakNode(),
|
new HardBreak(),
|
||||||
new HeadingNode({ maxLevel: 3 }),
|
new Heading({ maxLevel: 3 }),
|
||||||
new MentionNode({
|
new Mention({
|
||||||
// a list of all suggested items
|
// a list of all suggested items
|
||||||
items: [
|
items: [
|
||||||
{ id: 1, name: 'Philipp Kühn' },
|
{ id: 1, name: 'Philipp Kühn' },
|
||||||
@ -123,9 +123,9 @@ export default {
|
|||||||
return fuse.search(query)
|
return fuse.search(query)
|
||||||
},
|
},
|
||||||
}),
|
}),
|
||||||
new CodeMark(),
|
new Code(),
|
||||||
new BoldMark(),
|
new Bold(),
|
||||||
new ItalicMark(),
|
new Italic(),
|
||||||
],
|
],
|
||||||
content: `
|
content: `
|
||||||
<h2>
|
<h2>
|
||||||
|
@ -1,7 +1,7 @@
|
|||||||
import { setBlockType } from 'tiptap-commands'
|
import { setBlockType } from 'tiptap-commands'
|
||||||
import { Node } from 'tiptap'
|
import { Node } from 'tiptap'
|
||||||
|
|
||||||
export default class ParagraphNode extends Node {
|
export default class Paragraph extends Node {
|
||||||
|
|
||||||
get name() {
|
get name() {
|
||||||
return 'paragraph'
|
return 'paragraph'
|
||||||
|
@ -38,10 +38,10 @@
|
|||||||
import Icon from 'Components/Icon'
|
import Icon from 'Components/Icon'
|
||||||
import { Editor, EditorContent, MenuBar } from 'tiptap'
|
import { Editor, EditorContent, MenuBar } from 'tiptap'
|
||||||
import {
|
import {
|
||||||
HardBreakNode,
|
HardBreak,
|
||||||
CodeMark,
|
Code,
|
||||||
} from 'tiptap-extensions'
|
} from 'tiptap-extensions'
|
||||||
import ParagraphAlignmentNode from './Paragraph.js'
|
import ParagraphAlignment from './Paragraph.js'
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
components: {
|
components: {
|
||||||
@ -53,9 +53,9 @@ export default {
|
|||||||
return {
|
return {
|
||||||
editor: new Editor({
|
editor: new Editor({
|
||||||
extensions: [
|
extensions: [
|
||||||
new HardBreakNode(),
|
new HardBreak(),
|
||||||
new CodeMark(),
|
new Code(),
|
||||||
new ParagraphAlignmentNode(),
|
new ParagraphAlignment(),
|
||||||
],
|
],
|
||||||
content: `
|
content: `
|
||||||
<p style="text-align: left">
|
<p style="text-align: left">
|
||||||
|
@ -46,14 +46,14 @@
|
|||||||
import Icon from 'Components/Icon'
|
import Icon from 'Components/Icon'
|
||||||
import { Editor, EditorContent, MenuBar } from 'tiptap'
|
import { Editor, EditorContent, MenuBar } from 'tiptap'
|
||||||
import {
|
import {
|
||||||
CodeBlockNode,
|
CodeBlock,
|
||||||
HardBreakNode,
|
HardBreak,
|
||||||
HeadingNode,
|
Heading,
|
||||||
TodoItemNode,
|
TodoItem,
|
||||||
TodoListNode,
|
TodoList,
|
||||||
BoldMark,
|
Bold,
|
||||||
CodeMark,
|
Code,
|
||||||
ItalicMark,
|
Italic,
|
||||||
} from 'tiptap-extensions'
|
} from 'tiptap-extensions'
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
@ -66,14 +66,14 @@ export default {
|
|||||||
return {
|
return {
|
||||||
editor: new Editor({
|
editor: new Editor({
|
||||||
extensions: [
|
extensions: [
|
||||||
new CodeBlockNode(),
|
new CodeBlock(),
|
||||||
new HardBreakNode(),
|
new HardBreak(),
|
||||||
new HeadingNode({ maxLevel: 3 }),
|
new Heading({ maxLevel: 3 }),
|
||||||
new TodoItemNode(),
|
new TodoItem(),
|
||||||
new TodoListNode(),
|
new TodoList(),
|
||||||
new BoldMark(),
|
new Bold(),
|
||||||
new CodeMark(),
|
new Code(),
|
||||||
new ItalicMark(),
|
new Italic(),
|
||||||
],
|
],
|
||||||
content: `
|
content: `
|
||||||
<h2>
|
<h2>
|
||||||
|
@ -1,7 +1,7 @@
|
|||||||
import { Extension } from 'tiptap'
|
import { Extension } from 'tiptap'
|
||||||
import { history, undo, redo } from 'prosemirror-history'
|
import { history, undo, redo } from 'prosemirror-history'
|
||||||
|
|
||||||
export default class HistoryExtension extends Extension {
|
export default class History extends Extension {
|
||||||
|
|
||||||
get name() {
|
get name() {
|
||||||
return 'history'
|
return 'history'
|
||||||
|
@ -1,7 +1,7 @@
|
|||||||
import { Extension, Plugin } from 'tiptap'
|
import { Extension, Plugin } from 'tiptap'
|
||||||
import { Decoration, DecorationSet } from 'prosemirror-view'
|
import { Decoration, DecorationSet } from 'prosemirror-view'
|
||||||
|
|
||||||
export default class PlaceholderExtension extends Extension {
|
export default class Placeholder extends Extension {
|
||||||
|
|
||||||
get name() {
|
get name() {
|
||||||
return 'placeholder'
|
return 'placeholder'
|
||||||
|
@ -1,24 +1,24 @@
|
|||||||
export { default as BlockquoteNode } from './nodes/Blockquote'
|
export { default as Blockquote } from './nodes/Blockquote'
|
||||||
export { default as BulletListNode } from './nodes/BulletList'
|
export { default as BulletList } from './nodes/BulletList'
|
||||||
export { default as CodeBlockNode } from './nodes/CodeBlock'
|
export { default as CodeBlock } from './nodes/CodeBlock'
|
||||||
export { default as CodeBlockHighlightNode } from './nodes/CodeBlockHighlight'
|
export { default as CodeBlockHighlight } from './nodes/CodeBlockHighlight'
|
||||||
export { default as HardBreakNode } from './nodes/HardBreak'
|
export { default as HardBreak } from './nodes/HardBreak'
|
||||||
export { default as HeadingNode } from './nodes/Heading'
|
export { default as Heading } from './nodes/Heading'
|
||||||
export { default as ImageNode } from './nodes/Image'
|
export { default as Image } from './nodes/Image'
|
||||||
export { default as ListItemNode } from './nodes/ListItem'
|
export { default as ListItem } from './nodes/ListItem'
|
||||||
export { default as MentionNode } from './nodes/Mention'
|
export { default as Mention } from './nodes/Mention'
|
||||||
export { default as OrderedListNode } from './nodes/OrderedList'
|
export { default as OrderedList } from './nodes/OrderedList'
|
||||||
export { default as TodoItemNode } from './nodes/TodoItem'
|
export { default as TodoItem } from './nodes/TodoItem'
|
||||||
export { default as TodoListNode } from './nodes/TodoList'
|
export { default as TodoList } from './nodes/TodoList'
|
||||||
|
|
||||||
export { default as BoldMark } from './marks/Bold'
|
export { default as Bold } from './marks/Bold'
|
||||||
export { default as CodeMark } from './marks/Code'
|
export { default as Code } from './marks/Code'
|
||||||
export { default as ItalicMark } from './marks/Italic'
|
export { default as Italic } from './marks/Italic'
|
||||||
export { default as LinkMark } from './marks/Link'
|
export { default as Link } from './marks/Link'
|
||||||
export { default as StrikeMark } from './marks/Strike'
|
export { default as Strike } from './marks/Strike'
|
||||||
export { default as UnderlineMark } from './marks/Underline'
|
export { default as Underline } from './marks/Underline'
|
||||||
|
|
||||||
export { default as HistoryExtension } from './extensions/History'
|
export { default as History } from './extensions/History'
|
||||||
export { default as PlaceholderExtension } from './extensions/Placeholder'
|
export { default as Placeholder } from './extensions/Placeholder'
|
||||||
|
|
||||||
export { default as SuggestionsPlugin } from './plugins/Suggestions'
|
export { default as Suggestions } from './plugins/Suggestions'
|
||||||
|
@ -1,7 +1,7 @@
|
|||||||
import { Mark } from 'tiptap'
|
import { Mark } from 'tiptap'
|
||||||
import { toggleMark, markInputRule } from 'tiptap-commands'
|
import { toggleMark, markInputRule } from 'tiptap-commands'
|
||||||
|
|
||||||
export default class BoldMark extends Mark {
|
export default class Bold extends Mark {
|
||||||
|
|
||||||
get name() {
|
get name() {
|
||||||
return 'bold'
|
return 'bold'
|
||||||
|
@ -1,7 +1,7 @@
|
|||||||
import { Mark } from 'tiptap'
|
import { Mark } from 'tiptap'
|
||||||
import { toggleMark, markInputRule } from 'tiptap-commands'
|
import { toggleMark, markInputRule } from 'tiptap-commands'
|
||||||
|
|
||||||
export default class CodeMark extends Mark {
|
export default class Code extends Mark {
|
||||||
|
|
||||||
get name() {
|
get name() {
|
||||||
return 'code'
|
return 'code'
|
||||||
|
@ -1,7 +1,7 @@
|
|||||||
import { Mark } from 'tiptap'
|
import { Mark } from 'tiptap'
|
||||||
import { toggleMark, markInputRule } from 'tiptap-commands'
|
import { toggleMark, markInputRule } from 'tiptap-commands'
|
||||||
|
|
||||||
export default class ItalicMark extends Mark {
|
export default class Italic extends Mark {
|
||||||
|
|
||||||
get name() {
|
get name() {
|
||||||
return 'italic'
|
return 'italic'
|
||||||
|
@ -1,7 +1,7 @@
|
|||||||
import { Mark } from 'tiptap'
|
import { Mark } from 'tiptap'
|
||||||
import { updateMark, removeMark } from 'tiptap-commands'
|
import { updateMark, removeMark } from 'tiptap-commands'
|
||||||
|
|
||||||
export default class LinkMark extends Mark {
|
export default class Link extends Mark {
|
||||||
|
|
||||||
get name() {
|
get name() {
|
||||||
return 'link'
|
return 'link'
|
||||||
|
@ -1,7 +1,7 @@
|
|||||||
import { Mark } from 'tiptap'
|
import { Mark } from 'tiptap'
|
||||||
import { toggleMark, markInputRule } from 'tiptap-commands'
|
import { toggleMark, markInputRule } from 'tiptap-commands'
|
||||||
|
|
||||||
export default class StrikeMark extends Mark {
|
export default class Strike extends Mark {
|
||||||
|
|
||||||
get name() {
|
get name() {
|
||||||
return 'strike'
|
return 'strike'
|
||||||
|
@ -1,7 +1,7 @@
|
|||||||
import { Mark } from 'tiptap'
|
import { Mark } from 'tiptap'
|
||||||
import { toggleMark } from 'tiptap-commands'
|
import { toggleMark } from 'tiptap-commands'
|
||||||
|
|
||||||
export default class UnderlineMark extends Mark {
|
export default class Underline extends Mark {
|
||||||
|
|
||||||
get name() {
|
get name() {
|
||||||
return 'underline'
|
return 'underline'
|
||||||
|
@ -1,7 +1,7 @@
|
|||||||
import { Node } from 'tiptap'
|
import { Node } from 'tiptap'
|
||||||
import { wrappingInputRule, toggleWrap } from 'tiptap-commands'
|
import { wrappingInputRule, toggleWrap } from 'tiptap-commands'
|
||||||
|
|
||||||
export default class BlockquoteNode extends Node {
|
export default class Blockquote extends Node {
|
||||||
|
|
||||||
get name() {
|
get name() {
|
||||||
return 'blockquote'
|
return 'blockquote'
|
||||||
|
@ -1,7 +1,7 @@
|
|||||||
import { Node } from 'tiptap'
|
import { Node } from 'tiptap'
|
||||||
import { wrappingInputRule, toggleList } from 'tiptap-commands'
|
import { wrappingInputRule, toggleList } from 'tiptap-commands'
|
||||||
|
|
||||||
export default class BulletNode extends Node {
|
export default class Bullet extends Node {
|
||||||
|
|
||||||
get name() {
|
get name() {
|
||||||
return 'bullet_list'
|
return 'bullet_list'
|
||||||
|
@ -1,7 +1,7 @@
|
|||||||
import { Node } from 'tiptap'
|
import { Node } from 'tiptap'
|
||||||
import { toggleBlockType, setBlockType, textblockTypeInputRule } from 'tiptap-commands'
|
import { toggleBlockType, setBlockType, textblockTypeInputRule } from 'tiptap-commands'
|
||||||
|
|
||||||
export default class CodeBlockNode extends Node {
|
export default class CodeBlock extends Node {
|
||||||
|
|
||||||
get name() {
|
get name() {
|
||||||
return 'code_block'
|
return 'code_block'
|
||||||
|
@ -61,7 +61,7 @@ function getDecorations(doc) {
|
|||||||
return DecorationSet.create(doc, decorations)
|
return DecorationSet.create(doc, decorations)
|
||||||
}
|
}
|
||||||
|
|
||||||
export default class CodeBlockHighlightNode extends Node {
|
export default class CodeBlockHighlight extends Node {
|
||||||
|
|
||||||
constructor(options = {}) {
|
constructor(options = {}) {
|
||||||
super(options)
|
super(options)
|
||||||
|
@ -1,7 +1,7 @@
|
|||||||
import { Node } from 'tiptap'
|
import { Node } from 'tiptap'
|
||||||
import { chainCommands, exitCode } from 'tiptap-commands'
|
import { chainCommands, exitCode } from 'tiptap-commands'
|
||||||
|
|
||||||
export default class HardBreakNode extends Node {
|
export default class HardBreak extends Node {
|
||||||
|
|
||||||
get name() {
|
get name() {
|
||||||
return 'hard_break'
|
return 'hard_break'
|
||||||
|
@ -1,7 +1,7 @@
|
|||||||
import { Node } from 'tiptap'
|
import { Node } from 'tiptap'
|
||||||
import { setBlockType, textblockTypeInputRule, toggleBlockType } from 'tiptap-commands'
|
import { setBlockType, textblockTypeInputRule, toggleBlockType } from 'tiptap-commands'
|
||||||
|
|
||||||
export default class HeadingNode extends Node {
|
export default class Heading extends Node {
|
||||||
|
|
||||||
get name() {
|
get name() {
|
||||||
return 'heading'
|
return 'heading'
|
||||||
|
@ -1,6 +1,6 @@
|
|||||||
import { Node, Plugin } from 'tiptap'
|
import { Node, Plugin } from 'tiptap'
|
||||||
|
|
||||||
export default class ImageNode extends Node {
|
export default class Image extends Node {
|
||||||
|
|
||||||
get name() {
|
get name() {
|
||||||
return 'image'
|
return 'image'
|
||||||
|
@ -1,7 +1,7 @@
|
|||||||
import { Node } from 'tiptap'
|
import { Node } from 'tiptap'
|
||||||
import { splitListItem, liftListItem, sinkListItem } from 'tiptap-commands'
|
import { splitListItem, liftListItem, sinkListItem } from 'tiptap-commands'
|
||||||
|
|
||||||
export default class ListItemNode extends Node {
|
export default class ListItem extends Node {
|
||||||
|
|
||||||
get name() {
|
get name() {
|
||||||
return 'list_item'
|
return 'list_item'
|
||||||
|
@ -2,7 +2,7 @@ import { Node } from 'tiptap'
|
|||||||
import { replaceText } from 'tiptap-commands'
|
import { replaceText } from 'tiptap-commands'
|
||||||
import SuggestionsPlugin from '../plugins/Suggestions'
|
import SuggestionsPlugin from '../plugins/Suggestions'
|
||||||
|
|
||||||
export default class MentionNode extends Node {
|
export default class Mention extends Node {
|
||||||
|
|
||||||
get name() {
|
get name() {
|
||||||
return 'mention'
|
return 'mention'
|
||||||
|
@ -1,7 +1,7 @@
|
|||||||
import { Node } from 'tiptap'
|
import { Node } from 'tiptap'
|
||||||
import { wrappingInputRule, toggleList } from 'tiptap-commands'
|
import { wrappingInputRule, toggleList } from 'tiptap-commands'
|
||||||
|
|
||||||
export default class OrderedListNode extends Node {
|
export default class OrderedList extends Node {
|
||||||
|
|
||||||
get name() {
|
get name() {
|
||||||
return 'ordered_list'
|
return 'ordered_list'
|
||||||
|
@ -1,7 +1,7 @@
|
|||||||
import { Node } from 'tiptap'
|
import { Node } from 'tiptap'
|
||||||
import { splitToDefaultListItem, liftListItem } from 'tiptap-commands'
|
import { splitToDefaultListItem, liftListItem } from 'tiptap-commands'
|
||||||
|
|
||||||
export default class TodoItemNode extends Node {
|
export default class TodoItem extends Node {
|
||||||
|
|
||||||
get name() {
|
get name() {
|
||||||
return 'todo_item'
|
return 'todo_item'
|
||||||
|
@ -1,7 +1,7 @@
|
|||||||
import { Node } from 'tiptap'
|
import { Node } from 'tiptap'
|
||||||
import { wrapInList, wrappingInputRule } from 'tiptap-commands'
|
import { wrapInList, wrappingInputRule } from 'tiptap-commands'
|
||||||
|
|
||||||
export default class TodoListNode extends Node {
|
export default class TodoList extends Node {
|
||||||
|
|
||||||
get name() {
|
get name() {
|
||||||
return 'todo_list'
|
return 'todo_list'
|
||||||
|
@ -1,6 +1,6 @@
|
|||||||
import Node from '../Utils/Node'
|
import Node from '../Utils/Node'
|
||||||
|
|
||||||
export default class DocNode extends Node {
|
export default class Doc extends Node {
|
||||||
|
|
||||||
get name() {
|
get name() {
|
||||||
return 'doc'
|
return 'doc'
|
||||||
|
@ -1,7 +1,7 @@
|
|||||||
import { setBlockType } from 'tiptap-commands'
|
import { setBlockType } from 'tiptap-commands'
|
||||||
import Node from '../Utils/Node'
|
import Node from '../Utils/Node'
|
||||||
|
|
||||||
export default class ParagraphNode extends Node {
|
export default class Paragraph extends Node {
|
||||||
|
|
||||||
get name() {
|
get name() {
|
||||||
return 'paragraph'
|
return 'paragraph'
|
||||||
|
@ -1,6 +1,6 @@
|
|||||||
import Node from '../Utils/Node'
|
import Node from '../Utils/Node'
|
||||||
|
|
||||||
export default class TextNode extends Node {
|
export default class Text extends Node {
|
||||||
|
|
||||||
get name() {
|
get name() {
|
||||||
return 'text'
|
return 'text'
|
||||||
|
Loading…
Reference in New Issue
Block a user