From c567185cb168723049e20dbc7f89d0e86856f6ac Mon Sep 17 00:00:00 2001
From: Timothy Jaeryang Baek <tim@openwebui.com>
Date: Sat, 23 Nov 2024 20:31:33 -0800
Subject: [PATCH] refac: rich text input behaviour

---
 src/app.css                                    | 10 ++++++++++
 src/lib/components/common/RichTextInput.svelte |  7 +++++--
 2 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/src/app.css b/src/app.css
index 3974974bc..ea38b2b2b 100644
--- a/src/app.css
+++ b/src/app.css
@@ -231,6 +231,16 @@ input[type='number'] {
 	@apply dark:bg-gray-800 bg-gray-100;
 }
 
+
+.tiptap p code {
+	color: #eb5757;
+	border-width: 0px;
+	padding: 3px 8px;
+	font-size: 0.8em;
+	font-weight: 600;
+	@apply rounded-md dark:bg-gray-800 bg-gray-100 mx-0.5;
+}
+
 /* Code styling */
 .hljs-comment,
 .hljs-quote {
diff --git a/src/lib/components/common/RichTextInput.svelte b/src/lib/components/common/RichTextInput.svelte
index 39db40c27..3e3f79a55 100644
--- a/src/lib/components/common/RichTextInput.svelte
+++ b/src/lib/components/common/RichTextInput.svelte
@@ -1,7 +1,10 @@
 <script lang="ts">
 	import { marked } from 'marked';
 	import TurndownService from 'turndown';
-	const turndownService = new TurndownService();
+	const turndownService = new TurndownService({
+		codeBlockStyle: 'fenced'
+	});
+	turndownService.escape = (string) => string;
 
 	import { onMount, onDestroy } from 'svelte';
 	import { createEventDispatcher } from 'svelte';
@@ -154,7 +157,7 @@
 
 				const newValue = turndownService.turndown(editor.getHTML());
 				if (value !== newValue) {
-					value = newValue; // Trigger parent updates
+					value = newValue;
 				}
 			},
 			editorProps: {