dev

Author: Dobrunia

codex-ui/dev/pages/components/Editor.vue

@@ -28,8 +28,8 @@
         class: Header as any,
         config: {
           placeholder: 'Heading',
-          inlineToolbar: true,
         },
+        inlineToolbar: true,
       },
       list: {
         class: NestedList,
@@ -40,6 +40,7 @@
     placeholder="Write something or press / to select a tool"
     first-block-placeholder="Untitled"
     autofocus
+    :inlineToolbar="true"
   />
 </template>
 

codex-ui/src/vue/components/editor/Editor.vue

@@ -48,6 +48,13 @@ const props = defineProps<{
    * Should the editor be focused on load
    */
   autofocus?: boolean;
+
+  /**
+   * Common Inline Toolbar settings
+   * - if true (or not specified), the order from 'tool' property will be used (default)
+   * - if an array of tool names, this order will be used
+   */
+  inlineToolbar?: boolean;
 }>();
 
 const emit = defineEmits<{
@@ -62,6 +69,7 @@ const editorConfig = computed<EditorConfig>(() => {
     tools: props.tools,
     placeholder: props.placeholder,
     autofocus: props.autofocus,
+    inlineToolbar: props.inlineToolbar,
   };
 });