Rich text editor using HTML, TailwindCSS and Alpine js

It is not entirely suitable for using a rich text editor. Due to the depreciation of document.execCommand(Command, IsUIShown, InputValue) in JavaScript, we stop making it fully functional. But most of the browser still support this functionality, so we made it open source for you to get advantage of it.

Command

Here are the some list of functionality usage on this editor:

Text Format
bold, italic, underline, strikethrough, superscript, subscript
List Option
insertOrderedList, insertUnorderedList
Action & Link
undo, redo, unlink, createLink, insertImage
Image & Link
insertImage, createLink, unlink
Alignment & Spaces
justifyLeft, justifyCenter, justifyRight, justifyFull, indent, outdent
Size & Color
formatBlock, fontName, fontSize, foreColor, backColor

format_bold format_italic format_underlined strikethrough_s superscript subscript format_list_numbered format_list_bulleted undo redo insert_photo insert_link link_off format_align_left format_align_center format_align_right format_align_justify format_indent_increase format_indent_decrease

Lorem ipsum dolor sit amet consectetur adipisicing elit. Alias quod eveniet molestiae voluptatum, odit illum facere repudiandae quae molestias, placeat perferendis repellendus velit nihil? Praesentium molestiae aliquam sequi autem dolor? Rem labore eaque culpa doloribus quibusdam ab nisi maiores distinctio eveniet accusantium. Molestias praesentium iste a, reiciendis rerum soluta eligendi ex fuga libero perferendis delectus odit ipsam nulla. Nihil, amet! Officia similique qui eius cupiditate eligendi doloribus tempore aliquid provident minus sit voluptas facere totam aut itaque, omnis in maiores officiis molestiae. Fugiat placeat nihil error, unde odit molestiae quia? Quidem reprehenderit doloribus dicta repellendus id iste minus ex expedita ducimus explicabo veritatis illum laborum est, pariatur maiores magni ut laudantium error harum molestiae, corporis dignissimos. Quibusdam fugit assumenda non! Quasi in temporibus provident laboriosam itaque aliquam, voluptatibus praesentium voluptatum est dicta minus sed fugit saepe nulla eveniet delectus molestias. Perferendis dolore laudantium harum voluptas, rerum quod numquam corporis enim! Fuga modi commodi doloribus aliquam obcaecati itaque, consectetur dolores quidem vel atque quis necessitatibus incidunt labore culpa, cumque inventore perferendis distinctio repudiandae! Nisi laborum nemo debitis deserunt magni, reprehenderit officiis. Nesciunt, nostrum, maxime voluptas fuga, iure minus ea optio corporis ut labore molestias. Asperiores consequatur nulla consequuntur provident rem? Aliquam, delectus. Libero cumque, ea autem vel inventore rerum maxime velit. Quis quae expedita necessitatibus nostrum a similique vero, aperiam voluptates amet eius sunt adipisci eum quia commodi consequatur. Maxime aperiam ipsam quaerat in pariatur molestias cum quidem hic nam deleniti? Aperiam, soluta! Reiciendis consequatur, sed temporibus quam repellat quaerat debitis voluptas rerum accusamus ipsa alias doloribus nisi. Aliquam a quae eum facilis et deserunt perferendis minima maxime nihil? Sit, magnam. Architecto, maxime? At unde nisi consequatur qui quia. Facilis ab repellat distinctio assumenda possimus culpa odit harum eius quisquam pariatur veniam, iusto, dolores ad vero blanditiis omnis eveniet alias. Explicabo. Iste deserunt, inventore corporis molestias commodi, enim dicta accusantium praesentium repellendus rerum labore itaque dignissimos exercitationem suscipit pariatur recusandae quos voluptatibus, natus assumenda perspiciatis illo ducimus! Tenetur quaerat cum est! Ipsam voluptate expedita, a mollitia placeat libero impedit voluptates explicabo, commodi et velit ea laudantium praesentium consequuntur provident sequi! Tenetur exercitationem voluptatibus praesentium sapiente eum corporis minima vel optio maiores. Nobis fugit possimus libero quaerat architecto velit ratione veniam perspiciatis esse. Tenetur et ad perspiciatis officia magni fugiat vel minus a, deleniti nihil voluptates accusantium reprehenderit debitis fugit omnis id. Animi eveniet delectus saepe quaerat quas quia laboriosam magnam illum sit temporibus. Fugit at tenetur sit, fuga qui harum provident sint quia, pariatur iure delectus ipsam culpa repellat quos ad! Exercitationem quisquam voluptas cupiditate rem omnis iste porro magnam quia in ratione minima distinctio optio vel reiciendis accusamus quaerat eveniet suscipit voluptatibus voluptatum, reprehenderit autem beatae temporibus praesentium doloribus? Dolorem.