From 5f20ebe227a54510922207bbd15f9a9b6d893978 Mon Sep 17 00:00:00 2001
From: Feldwor <BoQsc@users.noreply.github.com>
Date: Tue, 28 May 2024 19:18:29 +0300
Subject: [PATCH] Update Text_Editor.html

---
 .../Text_Editor_Component/Text_Editor.html    | 52 ++++++++++++++++++-
 1 file changed, 51 insertions(+), 1 deletion(-)

diff --git a/Drafts/BoQsc/Personal_General_Notes/WebServer/Text_Editor_Component/Text_Editor.html b/Drafts/BoQsc/Personal_General_Notes/WebServer/Text_Editor_Component/Text_Editor.html
index 29eef0b..b770156 100644
--- a/Drafts/BoQsc/Personal_General_Notes/WebServer/Text_Editor_Component/Text_Editor.html
+++ b/Drafts/BoQsc/Personal_General_Notes/WebServer/Text_Editor_Component/Text_Editor.html
@@ -38,6 +38,7 @@
     }
     //const boldButton = getTagByContent('button', '[bold]');
     
+
     
 
     
@@ -45,6 +46,55 @@
 
 
 <script>
-    document.getElementById("bold");
+document.querySelectorAll('button[tool]').forEach(button => {
+    button.addEventListener('click', (event) => {
+        switch(event.target.getAttribute('tool')) {
+            case 'bold':
+                console.log('Bold tool selected');
+                break;
+            case 'italic':
+                console.log('Italic tool selected');
+                break;
+            case 'h1':
+                console.log('Heading 1 tool selected');
+                break;
+            case 'h2':
+                console.log('Heading 2 tool selected');
+                break;
+            case 'h3':
+                console.log('Heading 3 tool selected');
+                break;
+            case 'h4':
+                console.log('Heading 4 tool selected');
+                break;
+            case 'h5':
+                console.log('Heading 5 tool selected');
+                break;
+            case 'link':
+                console.log('Link tool selected');
+                break;
+            case 'quote':
+                console.log('Quote tool selected');
+                break;
+            case 'list':
+                console.log('List tool selected');
+                break;
+            case 'code':
+                console.log('Code tool selected');
+                break;
+            case 'hr':
+                console.log('Horizontal Rule tool selected');
+                break;
+            case 'image':
+                console.log('Image tool selected');
+                break;
+            default:
+                console.log('Unknown tool selected');
+                break;
+        }
+    });
+});
+
+
      
 </script>