WIP

src/editor/plugins/Blockquote/index.js

@@ -1,8 +1,8 @@
 import React from 'react';
-import {BlockButton} from 'volto-slate/editor/components/ui';
+import { BlockButton } from 'volto-slate/editor/components/ui';
 import quoteIcon from '@plone/volto/icons/quote.svg';
 
-export const BlockQuoteElement = ({ attributes, children, element }) => {
+export const BlockquoteElement = ({ attributes, children, element }) => {
   // the 'callout' class is defined in file 'blocks.less'
   // TODO: move the style out of it into a `blockquote` tag name selector
   return (
@@ -15,20 +15,13 @@ export const BlockQuoteElement = ({ attributes, children, element }) => {
 export default function install(config) {
   const { slate } = config.settings;
 
-  slate.buttons['block-quote'] = (props) => (
-    <BlockButton format="block-quote" icon={quoteIcon} {...props} />
+  slate.buttons['blockquote'] = (props) => (
+    <BlockButton format="blockquote" icon={quoteIcon} {...props} />
   );
+  slate.elements['blockquote'] = BlockquoteElement;
 
-  slate.elements = {
-    ...slate.elements,
-    'block-quote': BlockQuoteElement,
-  };
-
-  slate.toolbarButtons = [...(slate.toolbarButtons || []), 'block-quote'];
-  slate.expandedToolbarButtons = [
-    ...(slate.expandedToolbarButtons || []),
-    'block-quote',
-  ];
+  slate.toolbarButtons.push('blockquote');
+  slate.expandedToolbarButtons.push('blockquote');
 
   return config;
 }

src/editor/plugins/Markdown/index.js

@@ -3,8 +3,7 @@ import { withShortcuts } from './decorators';
 // TODO: this plugin seems to not work well
 // (e.g. # and ## characters do not turn the block into a header)
 export default function install(config) {
-  const slate = config.settings.slate || {};
-  config.settings.slate = slate;
+  const { slate } = config.settings;
 
   slate.decorators = [...(slate.decorators || []), withShortcuts];