From 800060ebca8d01495d2dd4f6ffce23f08bbaa3b2 Mon Sep 17 00:00:00 2001
From: bhumindeshpande8-spec <bhumindeshpande8@gmail.com>
Date: Sat, 1 Nov 2025 00:00:14 +0530
Subject: [PATCH] feat: add support for custom line spacing in editor

Line Spacing solved

- Introduced lineSpacing state to manage line height setting
- Added input control to toolbar to allow user adjustment of line spacing
- Applied dynamic lineHeight style to content editable area
---
 frontend/src/components/Editor.jsx | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/frontend/src/components/Editor.jsx b/frontend/src/components/Editor.jsx
index 1f6f108..89f0339 100644
--- a/frontend/src/components/Editor.jsx
+++ b/frontend/src/components/Editor.jsx
@@ -21,6 +21,8 @@ function EditorCanvas({
   handleDragOver,
   handleDragLeave,
   handleEditorClick
+  const [lineSpacing, setLineSpacing] = useState(1.5); // default line spacing e.g. 1.5
+
 }) {
   return (
     <div className="editor-body">
@@ -51,6 +53,24 @@ function EditorCanvas({
           onClick={handleEditorClick}
         />
       </div>
+      <label>
+      Line Spacing:
+      <input
+        type="number"
+        min="1"
+        max="3"
+        step="0.1"
+        value={lineSpacing}
+        onChange={(e) => setLineSpacing(parseFloat(e.target.value))}
+      />
+    </label>
+    <div
+      contentEditable
+      style={{ lineHeight: lineSpacing }}
+    >
+      {content}
+    </div>
+      
     </div>
   );
 }