Package Data | |
---|---|
Maintainer Username: | manogi |
Package Create Date: | 2018-10-09 |
Package Last Update: | 2023-12-08 |
Language: | CSS |
License: | MIT |
Last Refreshed: | 2024-04-14 15:01:19 |
Package Statistics | |
---|---|
Total Downloads: | 543,758 |
Monthly Downloads: | 14,731 |
Daily Downloads: | 73 |
Total Stars: | 166 |
Total Watchers: | 5 |
Total Forks: | 53 |
Total Open Issues: | 8 |
A Laravel Nova implementation of the tiptap editor for Vue.js by @ueberdosis.
Install via composer:
composer require manogi/nova-tiptap
Tiptap::make('FieldName')
This will give you just the bold and italic buttons.
You will also have to add this use
statement to the top of the file:
use Manogi\Tiptap\Tiptap;
Tiptap::make('FieldName')
->buttons([
'heading',
'italic',
'bold',
'code',
'link',
'strike',
'underline',
'superscript',
'subscript',
'bullet_list',
'ordered_list',
'code_block',
'blockquote',
'table',
'edit_html'
])
->headingLevels([2, 3, 4]),
When just passing the string 'heading'
you will have H1, H2 and H3 to choose from. You can set the level of headings by using for example headingLevels([2, 3, 4])
which will give you H2 through H4.
'code'
is inline code (like <code></code>
) while 'code_block'
will give you <pre><code></code></pre>
.
the 'edit_html'
option will enable the ability to toggle to the tiptap editor to a textarea and manually edit the HTML
Like Textarea
and Trix
fields this field is hidden from index views. You can make the content visible by using a computed field.
The tiptap editor with all the buttons:
The idea is that the editor can be themed together with the rest of Nova - here it is looking differently just by using the Laravel Nova Stripe Theme:
The MIT License (MIT). Please see License File for more information.