feat: visual editor code + sub/sup + table props

client/components/editor/editor-ckeditor.vue

@@ -159,6 +159,17 @@ $editor-height-mobile: calc(100vh - 56px - 16px);
     }
   }
 
+  .contents {
+    table {
+      margin: inherit;
+    }
+    pre > code {
+      background-color: unset;
+      color: unset;
+      padding: .15em;
+    }
+  }
+
   .ck.ck-toolbar {
     border: none;
     justify-content: center;
@@ -166,6 +177,10 @@ $editor-height-mobile: calc(100vh - 56px - 16px);
     color: #FFF;
   }
 
+  .ck.ck-toolbar__items {
+    justify-content: center;
+  }
+
   > .ck-editor__editable {
     background-color: mc('grey', '100');
     overflow-y: auto;

package.json

@@ -199,7 +199,7 @@
     "@babel/preset-env": "^7.10.1",
     "@mdi/font": "5.3.45",
     "@panter/vue-i18next": "0.15.2",
-    "@requarks/ckeditor5": "12.4.0-wiki.16",
+    "@requarks/ckeditor5": "19.0.1-wiki.1",
     "@vue/babel-preset-app": "4.4.1",
     "animate-sass": "0.8.2",
     "animated-number-vue": "1.0.0",

server/controllers/common.js

@@ -158,7 +158,11 @@ router.get(['/e', '/e/*'], async (req, res, next) => {
       content: null,
       title: null,
       description: null,
-      updatedAt: new Date().toISOString()
+      updatedAt: new Date().toISOString(),
+      extra: {
+        css: '',
+        js: ''
+      }
     }
 
     // -> From Template