Simplemde-markdown-editor: Catch full screen event?

Created on 25 Sep 2016 · 7Comments · Source: sparksuite/simplemde-markdown-editor

Hi guys,

Can you show me how to catch "full screen" event? I have a problem when use SME with Drawer (Material Design Lite). See my attach file please.

Regard,
Huka.

Source

hukacode

Most helpful comment

@hukacode
You can explicitly set your toolbar items and wrap the SimpleMDE.toggleFullScreen function call with your own logic.

var simplemde = new SimpleMDE({
    toolbar: [{
            name: "fullscreen",
            action: handleToggleFullscreen,
            className: "fa fa-arrows-alt no-disable no-mobile",
            title: "Toggle Fullscreen",
        },
        ...
    ],
    ...
});

const handleToggleFullscreen = () => {
  //perform whatever logic you want
  simplemde.toggleFullScreen()
}

CodyJamesCasey on 25 Sep 2016

❤1 🎉1 👍1

All 7 comments

@hukacode
You can explicitly set your toolbar items and wrap the SimpleMDE.toggleFullScreen function call with your own logic.

var simplemde = new SimpleMDE({
    toolbar: [{
            name: "fullscreen",
            action: handleToggleFullscreen,
            className: "fa fa-arrows-alt no-disable no-mobile",
            title: "Toggle Fullscreen",
        },
        ...
    ],
    ...
});

const handleToggleFullscreen = () => {
  //perform whatever logic you want
  simplemde.toggleFullScreen()
}

CodyJamesCasey on 25 Sep 2016

❤1 🎉1 👍1

Hi @CodyJamesCasey ,

It's worked like a magic. Thank you so much!

hukacode on 25 Sep 2016

CodyJamesCasey on 25 Sep 2016

The custom code won't fire if the user exits full screen by pressing the Esc key though. Is there no other alternate way?

ngyikp on 21 Oct 2016

Ended up just doing a monkey-patch on CodeMirror's setOption:

const oldEditorSetOption = editor.codemirror.setOption;
editor.codemirror.setOption = function(option, value) {
    oldEditorSetOption.apply(this, arguments);

    if (option === 'fullScreen') {
        // your code...
    }
};

ngyikp on 21 Oct 2016

@CodyJamesCasey

This won't work if user press keyboard shortcuts F11 to toggle fullscreen