Laravel 12, Livewire 3 and TailwindCSS 4 with Flowbite TipTap Editor
Bold
Toggle bold
Italic
Toggle italic
Underline
Toggle underline
Strike
Toggle strike
Highlight
Toggle highlight
Code
Format code
Link
Add link
Remove link
Remove link
Text size
Text size
16px (Default)
12px (Tiny)
14px (Small)
18px (Lead)
24px (Large)
36px (Huge)
Text color
Text color
Pick a color
Blue
Green
Yellow
Red
Orange
Teal
Light indigo
Indigo
Purple
Brown
Light orange
Bordo
Dark Purple
Light
Dark Pink
Pink
Cream
Light Blue
Dark Blue
Orange Brown
Light Yellow
Navy Blue
Light Purple
Light Green
Sky Blue
Cyan
Pink
Darker Sky Blue
Forest Green
Black
Stone
Gray
Light Gray
Cloud Gray
Cloud Gray
Heaven Gray
Reset color
Font family
Font Family
Default
Arial
Courier New
Georgia
Lucida Sans Unicode
Tahoma
Times New Roman
Trebuchet MS
Verdana
Align left
Align left
Align center
Align center
Align right
Align right
Format
Paragraph
Cmd
Alt
0
Heading 1
Cmd
Alt
1
Heading 2
Cmd
Alt
2
Heading 3
Cmd
Alt
3
Heading 4
Cmd
Alt
4
Heading 5
Cmd
Alt
5
Heading 6
Cmd
Alt
6
Add image
Add image
Add video
Add video
Toggle list
Toggle list
Toggle ordered list
Toggle ordered list
Toggle blockquote
Toggle blockquote
Toggle Horizontal Rule
Toggle Horizontal Rule
Publish post
Hello,
You can
delete
the text here and try writing whatever you like.
List items
Paragraph ...
View