feat: Add className identifier to fullscreen mode. #217

Author: jaywcjlove

core/src/commands/fullscreen.tsx

@@ -52,6 +52,9 @@ const Fullscreen: React.FC<{ command: ICommand; editorProps: IMarkdownEditor & T
     if (editorProps && editorProps.container && editorProps.container.current && editorProps.editor) {
       const container = editorProps.container.current;
       document.body.style.overflow = full ? 'hidden' : 'initial';
+      full
+        ? document.body.classList.add(`${editorProps.prefixCls}-fullscreen`)
+        : document.body.classList.remove(`${editorProps.prefixCls}-fullscreen`);
       if (container && full) {
         container.style.zIndex = '999';
         container.style.position = 'fixed';

core/src/components/ToolBar/index.tsx

@@ -34,6 +34,7 @@ export default function ToolBar(props: IToolBarProps) {
       execute(editor.current!);
     }
   }
+  editorProps.prefixCls = prefixCls;
   return (
     <div
       className={`${prefixCls}-toolbar ${className || ''} ${mode ? `${prefixCls}-toolbar-mode` : ''}`}

core/src/index.tsx

@@ -56,6 +56,7 @@ export interface IMarkdownEditor extends ReactCodeMirrorProps {
 }
 
 export interface ToolBarProps {
+  prefixCls?: string;
   editor: React.RefObject<ReactCodeMirrorRef>;
   preview: React.RefObject<HTMLDivElement>;
   container: React.RefObject<HTMLDivElement>;
@@ -122,6 +123,7 @@ function MarkdownEditorInternal(
   );
 
   const toolBarProps: ToolBarProps = {
+    prefixCls,
     preview: preview,
     editor: codeMirror,
     container: container,