Download the PHP package medienbaecker/kirby-tiptap without Composer
On this page you can find all versions of the php package medienbaecker/kirby-tiptap. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.
Please rate this library. Is it a good library?
Informations about the package kirby-tiptap
Kirby Tiptap (WIP)
A powerful, user-friendly Tiptap field for Kirby.
Features
- π Best of both worlds: Uses (and highlights) KirbyTags for images/links while providing WYSIWYG formatting
- π¦ Supports all standard Kirby field features like
required
,default
,placeholder
,counter
,disabled
,help
,size
,spellcheck
andminlength
/maxlength
- π€ Smart text handling with intuitive soft hyphen
(-)
and non-breaking space(_)
replacements, and visible special characters - π§ Configurable buttons with customizable heading levels and custom buttons that can add any attributes to nodes
- πΌ Inline mode for paragraph-free content with buttons being disabled automatically
- π§ One method to rule them all with
tiptapText()
handling UUID resolution, smartypants, automatic inline mode and more - β¨ Intuitive drag & drop support for pages and files with intelligent spacing
- π Custom field preview showing formatted text in structure/object fields
- π Improved link and file handling with dialogs that allow custom fields, automatically pick the right KirbyTag (
(link: )
,(email: )
,(file: )
or(tel: )
) and allow editing existing links/files by pre-filling dialogs - π Custom highlights via a regular expression config option, making it possible to e.g. highlight long words
- π§ Optional setting to allow HTML code so you can paste your β favourite
<script>
,β <marquee>
, or β<blink>
tag directly - π Abstracted JSON structure for easy content manipulation with features like
offsetHeadings
Installation
Composer
Manual
- Download or clone this repository
- Place the folder in your
β site/plugins
directory
Usage
Blueprints
Available buttons
Available options
Blocks field
Add Tiptap to your block editor alongside other content blocks:
Frontend/templates
Configuration
Keyboard shortcuts
- Bold:
Cmd+B
(Mac) /Ctrl+B
(Windows/Linux) - Italic:
Cmd+I
(Mac) /Ctrl+I
(Windows/Linux) - Strike:
Cmd+Shift+S
(Mac) /Ctrl+Shift+S
(Windows/Linux) - Code:
Cmd+E
(Mac) /Ctrl+E
(Windows/Linux) - Heading 1:
Cmd+Alt+1
(Mac) /Ctrl+Alt+1
(Windows/Linux) - Heading 2:
Cmd+Alt+2
(Mac) /Ctrl+Alt+2
(Windows/Linux) - Heading 3:
Cmd+Alt+3
(Mac) /Ctrl+Alt+3
(Windows/Linux) - Heading 4:
Cmd+Alt+4
(Mac) /Ctrl+Alt+4
(Windows/Linux) - Heading 5:
Cmd+Alt+5
(Mac) /Ctrl+Alt+5
(Windows/Linux) - Heading 6:
Cmd+Alt+6
(Mac) /Ctrl+Alt+6
(Windows/Linux) - Blockquote:
Cmd+Shift+B
(Mac) /Ctrl+Shift+B
(Windows/Linux) - Code block:
Cmd+Alt+C
(Mac) /Ctrl+Alt+C
(Windows/Linux) - Bullet list:
Cmd+Shift+8
(Mac) /Ctrl+Shift+8
(Windows/Linux) - Ordered list:
Cmd+Shift+7
(Mac) /Ctrl+Shift+7
(Windows/Linux)
While the above shortcuts all come from Tiptap's defaults, the following shortcut is also available:
- Link dialog:
Cmd+K
(Mac) /Ctrl+K
(Windows/Linux)
Custom buttons
The plugin supports custom buttons that can add any attributes to nodes. This allows you to create semantic markup or add styling classes. Configure them in your config.php
:
Then use them in blueprints just like any other button:
Add corresponding CSS to your frontend and panel.css
for styling:
Ideas for future improvements
- [ ] Kirbytag button? (Fetch all Kirbytags except
link
,image
andfile
?) - [ ] Table button
- [ ] Snapshot Compare?
- [ ] Blocks replacement?
- [ ] Forced content structure?
- [ ] Real-time collaboration?
All versions of kirby-tiptap with dependencies
PHP Build Version
Package Version
The package medienbaecker/kirby-tiptap contains the following files
Loading the files please wait ....