fix(warning): StyleMenu dropdown item to use data-attr instead of cus…

…tom attr
plone · Jul 7, 2023 · f48eaef · f48eaef
1 parent 826483f
commit f48eaef
Showing 1 changed file with 12 additions and 4 deletions.
diff --git a/packages/volto-slate/src/editor/plugins/StyleMenu/index.js b/packages/volto-slate/src/editor/plugins/StyleMenu/index.js
@@ -4,16 +4,24 @@ import './style.less';
 
 export default function install(config) {
   const { slate } = config.settings;
+  slate.styleMenu = slate.styleMenu || {};
+  slate.styleMenu.inlineStyles = slate.styleMenu.inlineStyles || [];
 
+  slate.styleMenu.inlineStyles = [
+    {
+      cssClass: 'cool-inline-text',
+      label: 'Cool Inline Text',
+    },
+  ];
+  slate.styleMenu.blockStyles = [];
   slate.buttons.styleMenu = (props) => <StyleMenu {...props} title="Styles" />;
 
   slate.toolbarButtons.push('styleMenu');
   slate.expandedToolbarButtons.push('styleMenu');
 
-  slate.styleMenu = {
-    inlineStyles: [],
-    blockStyles: [],
-  };
+  // slate.styleMenu = {
+  //   blockStyles: [],
+  // };
 
   return config;
 }