From 39e1a0344eb78634c78f5588e7c1d2c405ae776b Mon Sep 17 00:00:00 2001
From: Rakesh Kariya <83279947+rk9595@users.noreply.github.com>
Date: Sun, 13 Oct 2024 16:02:31 +0530
Subject: [PATCH] misc:add word wrap to HTML editor (#2081)

---
 frontend/src/components/HTMLEditor.vue | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/HTMLEditor.vue b/frontend/src/components/HTMLEditor.vue
index 166d2392c..c5d3c18db 100644
--- a/frontend/src/components/HTMLEditor.vue
+++ b/frontend/src/components/HTMLEditor.vue
@@ -28,7 +28,11 @@ export default {
       el.attachShadow({ mode: 'open' });
       el.shadowRoot.innerHTML = `
         <style>
-          .codeflask .codeflask__flatten { font-size: 15px; }
+          .codeflask .codeflask__flatten { 
+            font-size: 15px;
+            white-space: pre-wrap ;
+            word-break: break-word ;
+          }
           .codeflask .codeflask__lines { background: #fafafa; z-index: 10; }
           .codeflask .token.tag { font-weight: bold; }
           .codeflask .token.attr-name { color: #111; }