Added seperate and impr

charandeepsinghb · Nov 13, 2023 · 2590121 · 2590121
1 parent 2aa766d
commit 2590121
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 2 deletions.
diff --git a/index.html b/index.html
@@ -178,6 +178,10 @@
                 <label>Justify</label>
                 <input type="checkbox" onclick="changeJustify(event.target.checked)">
             </div>
+            <div>
+                <label>Seperate</label>
+                <input type="checkbox" onclick="changeSeperate(event.target.checked)">
+            </div>
             <div>
                 <label>Word space:</label>
                 <div>
@@ -205,10 +209,10 @@
             <div>
                 <label>Column width:</label>
                 <div>
-                    <button onpointerdown="continuousEmitterStart(increaesDecreaseColumnWidth, -2, 20)" 
+                    <button onpointerdown="continuousEmitterStart(increaesDecreaseColumnWidth, -0.5, 20)" 
                             onpointerup="continuousEmitterStop(increaesDecreaseColumnWidth)" 
                             onpointerleave="continuousEmitterStop(increaesDecreaseColumnWidth)">-</button>
-                    <button onpointerdown="continuousEmitterStart(increaesDecreaseColumnWidth, 2, 20)" 
+                    <button onpointerdown="continuousEmitterStart(increaesDecreaseColumnWidth, 0.5, 20)" 
                             onpointerup="continuousEmitterStop(increaesDecreaseColumnWidth)" 
                             onpointerleave="continuousEmitterStop(increaesDecreaseColumnWidth)">+</button>
                     <input id="currentColumnWidth" min="1" max="100" type="number" value="100" 

diff --git a/script.js b/script.js
@@ -186,3 +186,13 @@ function increaesDecreaseLineHeight(increaseDecreaseValue) {
     setInputValue(newNumberLineHeight, 'currentLineHeight');
     baniSection.style.lineHeight = newNumberLineHeight;
 }
+
+/*********************** Seperate line *************************/
+
+function changeSeperate(isOn) {
+    if (isOn) {
+        baniSection.innerHTML = baniSection.innerHTML.replaceAll(/(?!.{0,30}<br>)॥(?!<br>)/g, '॥<br data-mybreak="true">');
+        return;
+    }
+    baniSection.innerHTML = baniSection.innerHTML.replaceAll('॥<br data-mybreak="true">', '॥');
+}