Add horizontal rule button (#3076)

statamic · Jan 6, 2021 · faa8ed2 · faa8ed2
1 parent 1ba6064
commit faa8ed2
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 0 deletions.
diff --git a/resources/js/components/fieldtypes/bard/BardFieldtype.vue b/resources/js/components/fieldtypes/bard/BardFieldtype.vue
@@ -93,6 +93,7 @@ import {
     CodeBlock,
     HardBreak,
     Heading,
+    HorizontalRule,
     OrderedList,
     BulletList,
     ListItem,
@@ -458,6 +459,7 @@ export default {
             if (btns.includes('anchor')) exts.push(new Link({ vm: this }));
             if (btns.includes('removeformat')) exts.push(new RemoveFormat());
             if (btns.includes('image')) exts.push(new Image({ bard: this }));
+            if (btns.includes('horizontalrule')) exts.push(new HorizontalRule());
 
             if (btns.includes('orderedlist') || btns.includes('unorderedlist')) {
                 if (btns.includes('orderedlist')) exts.push(new OrderedList());

diff --git a/resources/js/components/fieldtypes/bard/buttons.js b/resources/js/components/fieldtypes/bard/buttons.js
@@ -20,6 +20,7 @@ const availableButtons = () => [
     { name: 'image', text: __('Image'), command: 'image', args: { src: '' }, icon: 'picture-o', condition: (config) => config.container },
     { name: 'code', text: __('Inline Code'), command: 'code', svg: 'angle-brackets-bold' },
     { name: 'codeblock', text: __('Code Block'), command: 'code_block', svg: 'code-block' },
+    { name: 'horizontalrule', text: __('Horizontal Rule'), command: 'horizontal_rule', svg: 'range' },
 ];
 
 const addButtonHtml = (buttons) => {