feat(editor): add simple sandbox for html, css & js (#549)

* feat(edtor): add code preview

* feat(i18n): update

* feat(editor): enhance HTML preview layout and styling

* feat(editor): add HTML save functionality and improve preview generation

Author: antonreshetov

src/main/i18n/locales/cs_CZ/messages.json

@@ -19,7 +19,7 @@
     "deleteTag": "Toto také způsobí odstranění tohoto tagu ze všech snippetů.",
     "createDb": "Prosím vyberte jinou složku",
     "clearDb": "Toto trvale smaže všechny Snippety, Složky a Tagy z databáze.",
-    "htmlCssPreview": "Pro zobrazení výsledku přidejte fragmenty s jazyky HTML & CSS.",
+    "htmlCssPreview": "Přidejte HTML fragment pro zobrazení výsledku. Přidejte CSS pro stylování a JavaScript pro interaktivitu.",
     "codeBlockRenderer": [
       "Při použití Codemirror musí jazyk nastavený pro blok kódu odpovídat jedné z hodnot",
       "languages"

src/main/i18n/locales/cs_CZ/ui.json

@@ -19,8 +19,10 @@
     "zoomIn": "Přiblížit",
     "zoomOut": "Oddálit",
     "darkMode": "Tmavý režim",
+    "toggleDarkMode": "Přepnout tmavý režim",
     "background": "Pozadí",
-    "goToDownload": "Přejít ke stažení"
+    "goToDownload": "Přejít ke stažení",
+    "refreshPreview": "Obnovit náhled"
   },
   "action": {
     "close": "Zavřít",

src/main/i18n/locales/de_DE/messages.json

@@ -19,7 +19,7 @@
     "deleteTag": "Dies führt auch dazu, dass dieser Tag von allen Snippets entfernt wird.",
     "createDb": "Bitte wählen Sie einen anderen Ordner",
     "clearDb": "Dadurch werden alle Snippets, Ordner und Tags dauerhaft aus der Datenbank gelöscht.",
-    "htmlCssPreview": "Fügen Sie Fragmente mit HTML & CSS Sprachen hinzu, um das Ergebnis zu sehen.",
+    "htmlCssPreview": "Fügen Sie ein HTML-Fragment hinzu, um das Ergebnis zu sehen. Fügen Sie CSS für das Styling und JavaScript für Interaktivität hinzu.",
     "codeBlockRenderer": [
       "Bei Verwendung von Codemirror muss die für den Codeblock einzustellende Sprache einem der Werte der",
       "languages"

src/main/i18n/locales/de_DE/ui.json

@@ -19,8 +19,10 @@
     "zoomIn": "Vergrößern",
     "zoomOut": "Verkleinern",
     "darkMode": "Dunkler Modus",
+    "toggleDarkMode": "Dunkelmodus umschalten",
     "background": "Hintergrund",
-    "goToDownload": "Zum Download"
+    "goToDownload": "Zum Download",
+    "refreshPreview": "Vorschau aktualisieren"
   },
   "action": {
     "close": "Schließen",

src/main/i18n/locales/el_GR/messages.json

@@ -19,7 +19,7 @@
     "deleteTag": "Αυτό θα προκαλέσει επίσης την αφαίρεση αυτού του tag από όλα τα snippets.",
     "createDb": "Παρακαλώ επιλέξτε άλλο φάκελο",
     "clearDb": "Αυτό θα διαγράψει οριστικά όλα τα Snippets, Folders και Tags από τη database.",
-    "htmlCssPreview": "Προσθέστε fragments με γλώσσες HTML & CSS για να δείτε το αποτέλεσμα.",
+    "htmlCssPreview": "Προσθέστε ένα τμήμα HTML για να δείτε το αποτέλεσμα. Προσθέστε CSS για στυλ και JavaScript για διαδραστικότητα.",
     "codeBlockRenderer": [
       "Όταν χρησιμοποιείτε το Codemirror, η γλώσσα που θα οριστεί για το code block πρέπει να αντιστοιχεί σε μία από τις τιμές των",
       "languages"

src/main/i18n/locales/el_GR/ui.json

@@ -19,8 +19,10 @@
     "zoomIn": "Μεγέθυνση",
     "zoomOut": "Σμίκρυνση",
     "darkMode": "Σκοτεινή Λειτουργία",
+    "toggleDarkMode": "Εναλλαγή σκοτεινής λειτουργίας",
     "background": "Φόντο",
-    "goToDownload": "Μετάβαση στη Λήψη"
+    "goToDownload": "Μετάβαση στη Λήψη",
+    "refreshPreview": "Ανανέωση προεπισκόπησης"
   },
   "action": {
     "close": "Κλείσιμο",

src/main/i18n/locales/en_US/messages.json

@@ -19,7 +19,7 @@
     "deleteTag": "This will also cause all snippets to have that tag removed.",
     "createDb": "Please select another folder",
     "clearDb": "This will permanently delete all Snippets, Folders, and Tags from the database.",
-    "htmlCssPreview": "Add fragments with HTML & CSS languages to view result.",
+    "htmlCssPreview": "Add HTML fragment to see the result. Add CSS for styling and JavaScript for interactivity.",
     "codeBlockRenderer": [
       "When using Codemirror, the language to be set for the code block must correspond to one of the values of the",
       "languages"

src/main/i18n/locales/en_US/ui.json

@@ -19,8 +19,10 @@
     "zoomIn": "Zoom In",
     "zoomOut": "Zoom Out",
     "darkMode": "Dark Mode",
+    "toggleDarkMode": "Toggle Dark Mode",
     "background": "Background",
-    "goToDownload": "Go to Download"
+    "goToDownload": "Go to Download",
+    "refreshPreview": "Refresh Preview"
   },
   "action": {
     "close": "Close",

src/main/i18n/locales/es_ES/messages.json

@@ -19,7 +19,7 @@
     "deleteTag": "Esto también causará que se elimine la etiqueta de todos los snippets.",
     "createDb": "Por favor selecciona otra carpeta",
     "clearDb": "Esto eliminará permanentemente todos los Snippets, Carpetas y Etiquetas de la base de datos.",
-    "htmlCssPreview": "Agrega fragmentos con lenguajes HTML y CSS para ver el resultado.",
+    "htmlCssPreview": "Agregue un fragmento HTML para ver el resultado. Agregue CSS para el estilo y JavaScript para la interactividad.",
     "codeBlockRenderer": [
       "Al usar Codemirror, el lenguaje a establecer para el bloque de código debe corresponder a uno de los valores de los",
       "languages"

src/main/i18n/locales/es_ES/ui.json

@@ -19,8 +19,10 @@
     "zoomIn": "Acercar",
     "zoomOut": "Alejar",
     "darkMode": "Modo Oscuro",
+    "toggleDarkMode": "Alternar modo oscuro",
     "background": "Fondo",
-    "goToDownload": "Ir a Descargar"
+    "goToDownload": "Ir a Descargar",
+    "refreshPreview": "Actualizar vista previa"
   },
   "action": {
     "close": "Cerrar",