add more content to the configuration pge

This commit is contained in:
Hans Pagel
2020-08-11 17:55:12 +02:00
parent df387f01b7
commit 517b5605ea
4 changed files with 78 additions and 16 deletions

View File

@@ -2,6 +2,28 @@
In its basic version tiptap comes very raw. There is no menu, no buttons, no styling. Thats intended. See tiptap as your building blocks to build exactly the editor youd like to have.
Lets start to add a few basic things to the configuration.
## Adding a menu
<demo name="BasicConfiguration" />
Lets start to add your first button to the editor.
<demo name="SimpleMenuBar" />
Once initiated the editor has a powerful API. So called commands allow you to modify the text. In this example `this.editor.commands.bold` marks the selected text bold. There a ton of other commands (see the [list of available commands](/commands/)) and you can even chain them to do multiple things at once.
For most use cases you want to
## Configure extensions
You are free to choose which parts of tiptap you want to use. Tiptap has support for different nodes (paragraphs, blockquotes, tables and many more) and different marks (bold, italic, links). If you want to explicitly configure what kind of nodes and marks are allowed and which are not allowed, you can configure those.
Note that `Document`, `Paragraph` and `Text` are required. Otherwise you wont be able to add any plain text.
<demo name="ExtensionConfiguration" />
Thats also the place where you can register custom extensions, which you or someone else built for tiptap.
## Related links
* List of all available Commands
* List of all available Extensions
* Build custom Extensions