Switch to fullscreen

[mauro-rogledi]

Is there a way to know when the user switches from normal to full screen mode? Thanks

[jaywcjlove]

@mauro-rogledi

There are two methods to implement:

1. Listening to the className of the body DOM node can determine if it is fullscreen.
2. Customizing Toolbars and adding click events again.

import MarkdownEditor, { preview, fullscreen } from '@uiw/react-markdown-editor';

const customFullscreen: ICommand = {
  ...fullscreen,
  button: (command, props, opts) => (
    <FullscreenButton
      onClick={(evn, isFull) => {}}
      command={command}
      editorProps={{ ...props, ...opts }}
    />
  ),
};

<MarkdownEditor
  value="Hello Markdown!"
  height="200px"
  toolbarsMode={[
    preview, customFullscreen
  ]}
/>

@mauro-rogledi This is a possible way to achieve your requirements.

[mauro-rogledi]

Thanks. Update to 6.1.0 version and works.