diff --git a/ui/src/views/admin/listForm/edit/json-row-operations/JsonRowOpDialogEditForm.tsx b/ui/src/views/admin/listForm/edit/json-row-operations/JsonRowOpDialogEditForm.tsx
index 74d9cc1b..21e624b2 100644
--- a/ui/src/views/admin/listForm/edit/json-row-operations/JsonRowOpDialogEditForm.tsx
+++ b/ui/src/views/admin/listForm/edit/json-row-operations/JsonRowOpDialogEditForm.tsx
@@ -292,20 +292,23 @@ function JsonRowOpDialogEditForm({
                         <div>
                           <div className="font-bold">● Editor Script</div>
                           <div className="ml-5 gap-2">
-                            <div>{'• setFormData({...formData, Path: e.value});'}</div>
-                            <div>{'• UiEvalService.ApiGenerateBackgroundWorkers();'}</div>
-                            <div>
+                            <pre>{'• setFormData({...formData, Path: e.value});'}</pre>
+                            <pre>{'• UiEvalService.ApiGenerateBackgroundWorkers();'}</pre>
+                            <pre>
                               {
                                 "• setFormData({ ...formData, Path: (v => v === '1' ? '1-deneme' : v === '0' ? '0-deneme' : '')(e.value) })"
                               }
-                            </div>
+                            </pre>
                           </div>
                         </div>
 
                         <div>
                           <div className="font-bold">● Editor Options</div>
-                          <pre className="ml-5 whitespace-pre-wrap text-xs">
-                            {`• {
+                          <div className="ml-5 gap-2">
+                            <pre>{`• {"showClearButton":true }`}</pre>
+                            <pre>{`• {"height":200}`}</pre>
+                            <pre>
+                              {`• {
   "buttons": [
     {
       "name": "custom",
@@ -317,7 +320,9 @@ function JsonRowOpDialogEditForm({
     }
   ]
 }`}
-                          </pre>
+                            </pre>
+                            <pre>{`• {"toolbar": {"multiline": true, "items": [{"name": "undo"},{"name": "redo"},{"name": "separator"},{"name": "size","acceptedValues": ["8pt","10pt","12pt","14pt","18pt","24pt","36pt"],"options": {"inputAttr": {"aria-label": "Font size"}}},{"name": "font","acceptedValues": ["Arial","Courier New","Georgia","Impact","Lucida Console","Tahoma","Times New Roman","Verdana"],"options": {"inputAttr": {"aria-label": "Font family"}}},{"name": "separator"},{"name": "bold"},{"name": "italic"},{"name": "strike"},{"name": "underline"},{"name": "separator"},{"name": "alignLeft"},{"name": "alignCenter"},{"name": "alignRight"},{"name": "alignJustify"},{"name": "separator"},{"name": "orderedList"},{"name": "bulletList"},{"name": "separator"},{"name": "header","acceptedValues": [false,1,2,3,4,5],"options": {"inputAttr": {"aria-label": "Font family"}}},{"name": "separator"},{"name": "color"},{"name": "background"},{"name": "separator"},{"name": "link"},{"name": "image"},{"name": "separator"},{"name": "clear"},{"name": "codeBlock"},{"name": "blockquote"},{"name": "separator"},{"name": "insertTable"},{"name": "deleteTable"},{"name": "insertRowAbove"},{"name": "insertRowBelow"},{"name": "deleteRow"},{"name": "insertColumnLeft"},{"name": "insertColumnRight"},{"name": "deleteColumn"}]}}`}</pre>
+                          </div>
                         </div>
                       </div>
                     </Dialog>