#326 Extend options

OnroerendErfgoed · Oct 7, 2024 · 0f3dbbc · 0f3dbbc
1 parent 2db12ed
commit 0f3dbbc
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 5 deletions.
diff --git a/src/components/dumb/OeEditor.vue b/src/components/dumb/OeEditor.vue
@@ -56,11 +56,11 @@
           <select v-if="toolbar.align" class="ql-align"></select>
         </div>
 
-        <div class="toolbar-group">
-          <button class="ql-link"></button>
-          <button class="ql-image"></button>
-          <button class="ql-video"></button>
-          <button class="ql-formula"></button>
+        <div v-if="toolbar.link || toolbar.image || toolbar.video || toolbar.formula" class="toolbar-group">
+          <button v-if="toolbar.link" class="ql-link"></button>
+          <button v-if="toolbar.image" class="ql-image"></button>
+          <button v-if="toolbar.video" class="ql-video"></button>
+          <button v-if="toolbar.formula" class="ql-formula"></button>
         </div>
 
         <div v-if="toolbar.removeformat" class="toolbar-group">

diff --git a/src/models/editor.ts b/src/models/editor.ts
@@ -43,4 +43,8 @@ export interface OeEditorToolbarConfig {
   biblio?: boolean;
   code?: boolean;
   fullscreen?: boolean;
+  link?: boolean;
+  image?: boolean;
+  video?: boolean;
+  formula?: boolean;
 }
diff --git a/src/stories/dumb-components/editor.stories.ts b/src/stories/dumb-components/editor.stories.ts
@@ -97,6 +97,10 @@ export const FulloptionToolbar: Story = {
         header: true,
         removeformat: true,
         biblio: true,
+        formula: true,
+        image: true,
+        link: true,
+        video: true,
       });
       return { model, toolbar };
     },