From 355f435fa17bada280cf7b9b7638e36c24af0328 Mon Sep 17 00:00:00 2001
From: "Joseph.Rawlings" <root0091@gmail.com>
Date: Sun, 7 Dec 2025 06:40:09 -0500
Subject: [PATCH] Enhance EasyMDE editor toolbar with Font Awesome icons and
 titles

---
 .../views/components/easymde-editor.blade.php | 24 ++++++++++++++++++-
 1 file changed, 23 insertions(+), 1 deletion(-)

diff --git a/themes/lucentui/views/components/easymde-editor.blade.php b/themes/lucentui/views/components/easymde-editor.blade.php
index 54bad0b08..8884b2e4c 100644
--- a/themes/lucentui/views/components/easymde-editor.blade.php
+++ b/themes/lucentui/views/components/easymde-editor.blade.php
@@ -1,5 +1,6 @@
 @assets
 <link rel="stylesheet" href="https://unpkg.com/easymde/dist/easymde.min.css">
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
 <script src="https://unpkg.com/easymde/dist/easymde.min.js"></script>
 @endassets
 @script
@@ -17,40 +18,61 @@
             toolbar: [{
                     name: 'bold',
                     action: EasyMDE.toggleBold,
+                    className: 'fa fa-bold',
+                    title: 'Bold',
                 }, {
                     name: 'italic',
                     action: EasyMDE.toggleItalic,
+                    className: 'fa fa-italic',
+                    title: 'Italic',
                 }, {
                     name: 'strikethrough',
                     action: EasyMDE.toggleStrikethrough,
+                    className: 'fa fa-strikethrough',
+                    title: 'Strikethrough',
                 }, {
                     name: 'link',
                     action: EasyMDE.drawLink,
+                    className: 'fa fa-link',
+                    title: 'Create Link',
                 }, '|',
                 {
                     name: 'heading',
                     action: EasyMDE.toggleHeadingSmaller,
+                    className: 'fa fa-heading',
+                    title: 'Heading',
                 }, '|',
                 {
                     name: 'quote',
                     action: EasyMDE.toggleBlockquote,
+                    className: 'fa fa-quote-left',
+                    title: 'Quote',
                 }, {
                     name: 'code',
                     action: EasyMDE.toggleCodeBlock,
-
+                    className: 'fa fa-code',
+                    title: 'Code',
                 }, {
                     name: 'unordered-list',
                     action: EasyMDE.toggleUnorderedList,
+                    className: 'fa fa-list-ul',
+                    title: 'Unordered List',
                 }, {
                     name: 'ordered-list',
                     action: EasyMDE.toggleOrderedList,
+                    className: 'fa fa-list-ol',
+                    title: 'Ordered List',
                 }, '|',
                 {
                     name: 'undo',
                     action: EasyMDE.undo,
+                    className: 'fa fa-rotate-left',
+                    title: 'Undo',
                 }, {
                     name: 'redo',
                     action: EasyMDE.redo,
+                    className: 'fa fa-rotate-right',
+                    title: 'Redo',
                 },
 
             ],