A Laravel Nova tiptap editor field.
Install via composer:
composer require manogi/nova-tiptap
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:
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_block' will give you
'edit_html' option will enable the ability to toggle to the tiptap editor to a textarea and manually edit the HTML
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:
- Add the option to upload or choose images and add them to to the content.
- Easy option to style the text inside the editor.
The MIT License (MIT). Please see License File for more information.