misc:add word wrap to HTML editor (#2081)

knadh · Oct 13, 2024 · 39e1a03 · 39e1a03
1 parent 36cf85b
commit 39e1a03
Showing 1 changed file with 5 additions and 1 deletion.
diff --git 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; }