Add auto soft line break

yorkie-team · Jan 30, 2024 · 31a70d6 · 31a70d6
1 parent d5fe426
commit 31a70d6
Showing 1 changed file with 13 additions and 2 deletions.
diff --git a/frontend/src/components/editor/Preview.tsx b/frontend/src/components/editor/Preview.tsx
@@ -14,10 +14,21 @@ function Preview() {
 	useEffect(() => {
 		if (!editorStore.doc) return;
 
-		setContent(editorStore.doc?.getRoot().content?.toString() || "");
+		const updatePreviewContent = () => {
+			const editorText = editorStore.doc?.getRoot().content?.toString() || "";
+			// Add soft line break
+			setContent(
+				editorText
+					.split("\n")
+					.map((line) => line + "  ")
+					.join("\n")
+			);
+		};
+
+		updatePreviewContent();
 
 		const unsubsribe = editorStore.doc.subscribe("$.content", () => {
-			setContent(editorStore.doc?.getRoot().content.toString() as string);
+			updatePreviewContent();
 		});
 
 		return () => {