Download the PHP package marshmallow/nova-tiptap without Composer
On this page you can find all versions of the php package marshmallow/nova-tiptap. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.
Informations about the package nova-tiptap
Laravel Nova Tiptap Editor Field
A rich text editor for Laravel Nova based on tiptap by @ueberdosis.
[!Warning] When updating from
manogi/nova-tiptap
, replace all instances ofManogi\Tiptap\Tiptap
withMarshmallow\Tiptap\Tiptap
.[!IMPORTANT] This is a maintained fork of the original package with Nova 5 support.
Installation
Add the use statement to your Nova resource:
Basic Usage
This provides a simple editor with bold and italic buttons only.
Button Configuration
Create a fully-featured editor by configuring your desired buttons:
Available Buttons
Button | Description |
---|---|
heading |
Text headings (H1, H2, H3, etc.) |
bold |
Bold text formatting |
italic |
Italic text formatting |
strike |
Strikethrough text |
underline |
Underline text |
bulletList |
Unordered/bullet list |
orderedList |
Ordered/numbered list |
link |
Hyperlinks to URLs or files |
code |
Inline code formatting |
codeBlock |
Block code with optional syntax highlighting |
blockquote |
Block quotes |
image |
Insert and upload images |
table |
Create and edit tables |
textAlign |
Text alignment options |
rtl |
Right-to-left text direction |
horizontalRule |
Horizontal divider line |
hardBreak |
Hard line break |
history |
Undo/redo functionality |
editHtml |
HTML source code editor |
\| |
Vertical divider in toolbar (special) |
br |
Line break in toolbar (special) |
Feature Configuration
Headings
Links
Images
Text Alignment
RTL Support
Code Options
Two code formatting options are available:
code
- Inline code formatting (<code>text</code>
)codeBlock
- Block code formatting (<pre><code>text</code></pre>
)
Enable syntax highlighting for code blocks:
HTML Editing
Available themes are listed on CodeMirror's theme demo page.
JSON Storage
Empty Content Sanitization
By default, when a TipTap editor is empty, it returns an empty paragraph with styling (e.g., <p style="text-align: left"></p>
). If you prefer to get an empty string instead (especially useful for translatable fields), you can enable the sanitization feature:
Read-Only Mode
The Tiptap field supports Nova's native readonly functionality. When in readonly mode, the editor will display the content without allowing edits:
You can also conditionally set the readonly state:
Index View Visibility
Like other rich text fields, this field is hidden from index views. You can display it using a computed field.
Screenshots
The editor adapts to Nova's theme:
License
The MIT License (MIT). Please see License File for more information.