diff --git a/django_svelte_jsoneditor/templates/django_svelte_jsoneditor/widgets/svelte_jsoneditor.html b/django_svelte_jsoneditor/templates/django_svelte_jsoneditor/widgets/svelte_jsoneditor.html
index a684112..c88a997 100644
--- a/django_svelte_jsoneditor/templates/django_svelte_jsoneditor/widgets/svelte_jsoneditor.html
+++ b/django_svelte_jsoneditor/templates/django_svelte_jsoneditor/widgets/svelte_jsoneditor.html
@@ -7,16 +7,15 @@
 <script type="module">    
   import { JSONEditor } from '{% static "django_svelte_jsoneditor/js/svelte_jsoneditor.js" %}'
   
-  const json = JSON.parse(document.getElementById('{{ widget.attrs.id }}').value)
-
   const editor = new JSONEditor({
     target: document.getElementById('jsoneditor_{{ widget.attrs.id }}'),
     props: {         
-        content: {
-            json: json || undefined,            
+        content: {   
+          text: document.getElementById('{{ widget.attrs.id }}').value || undefined         
         },        
-        onChange: (updatedContent, previousContent, { contentErrors, patchResult }) => {
-            document.getElementById('{{ widget.attrs.id }}').value = JSON.stringify(updatedContent.json)        
+        onChange: (updatedContent, previousContent, { contentErrors, patchResult }) => {            
+            const value = updatedContent.json ? JSON.stringify(updatedContent.json) : updatedContent.text
+            document.getElementById('{{ widget.attrs.id }}').value = value
         }
     }
   })