First EditorJS implementation

web/admin-gui/src/assets/base.css

@@ -34,18 +34,39 @@ h1 {
 	font-family: 'Frank Ruhl Libre', serif;
 	font-size: 40px;
 }
-h2 { font-size: 32px; }
-h3 { font-size: 24px; }
-h4 { font-size: 18px; }
-h2, h3, h4, h5, h6 {
+
+h2 {
+	font-size: 32px;
+}
+
+h3 {
+	font-size: 24px;
+}
+
+h4 {
+	font-size: 18px;
+}
+
+h2,
+h3,
+h4,
+h5,
+h6 {
 	font-family: 'Nunito', sans-serif;
 }
 
 * {
+	box-sizing: border-box;
+}
+
+p,
+a,
+input,
+label,
+button,
+span {
 	font-family: 'Hind', sans-serif;
 	color: var(--neutral-dark);
-
-	box-sizing: border-box;
 }
 
 .label-input,
@@ -89,13 +110,13 @@ h2, h3, h4, h5, h6 {
 .button-disabled {
 	border-radius: var(--radius);
 	border: none;
-	
+
 	padding: 3px 16px;
 	font-size: var(--font-body);
 	font-weight: var(--medium-weight);
-	
+
 	background-color: var(--primary);
-	
+
 	transition: background-color 150ms;
 
 	cursor: pointer;

web/admin-gui/src/assets/editor_default_content.json

@@ -0,0 +1,28 @@
+{
+	"time": 1672423262433,
+	"blocks": [
+		{
+			"id": "SsMzvSlYdr",
+			"type": "Header",
+			"data": {
+				"text": "Bienvenue sur l'éditeur d'article !",
+				"level": 2
+			}
+		},
+		{
+			"id": "SCdiyR3ZLh",
+			"type": "paragraph",
+			"data": {
+				"text": "<b>Ici</b>, vous pouvez <u class=\"cdx-underline\">créer</u> votre <i>article</i>."
+			}
+		},
+		{
+			"id": "PYzhBNCoxo",
+			"type": "paragraph",
+			"data": {
+				"text": "Supprimez ces blocks pour commencer.<br>"
+			}
+		}
+	],
+	"version": "2.26.4"
+}

web/admin-gui/src/assets/editor_translation.json

@@ -0,0 +1,69 @@
+{
+    "messages": {
+        "ui": {
+            "blockTunes": {
+                "toggler": {
+                    "Click to tune": "Cliquez pour régler",
+                    "or drag to move": "ou glissez pour déplacer"
+                }
+            },
+            "inlineToolbar": {
+                "converter": {
+                    "Convert to": "Convertir en"
+                }
+            },
+            "toolbar": {
+                "toolbox": {
+                    "Add": "Ajouter"
+                }
+            }
+        },
+        "toolNames": {
+            "Text": "Paragraphe",
+            "Heading": "Titre",
+            "List": "Liste",
+            "Warning": "Avertissement",
+            "Checklist": "Checklist",
+            "Quote": "Citation",
+            "Code": "Code",
+            "Delimiter": "Délimiteur",
+            "Table": "Tableau",
+            "Link": "Lien",
+            "Marker": "Surligner",
+            "Bold": "Gras",
+            "Italic": "Italique",
+            "Underline": "Sousligner"
+        },
+        "tools": {
+            "Header": {
+                "Heading 1": "Titre 1",
+                "Heading 2": "Titre 2",
+                "Heading 3": "Titre 3",
+                "Heading 4": "Titre 4",
+                "Heading 5": "Titre 5",
+                "Heading 6": "Titre 6"
+            },
+            "Warning": {
+                "Title": "Titre",
+                "Message": "Message"
+            },
+            "stub": {
+                "The block can not be displayed correctly.": "Le block ne peut pas être affiché correctement :(."
+            },
+            "Code": {
+                "Enter a code": "Entrez votre code"
+            }
+        },
+        "blockTunes": {
+            "delete": {
+                "Delete": "Supprimer"
+            },
+            "moveUp": {
+                "Move up": "Vers le haut"
+            },
+            "moveDown": {
+                "Move down": "Vers le bas"
+            }
+        }
+    }
+}