Musa
Musa

Reputation: 4024

markitup preview toggle

I want to add a button to a markitup set by which i can toggle preview, that is if i click on preview button i can see the preview, if i want to hide the preview - i can hide it by using that button. I've googleed for this but still no result. Any idea how to do that?

Upvotes: 1

Views: 1179

Answers (2)

user398341
user398341

Reputation: 6587

You can do it by holding the Alt key and clicking on the Preview button - this will close the opened preview window.

It's in the else if statement of the preview() function:

} else if (altKey === true) {
    if (iFrame) {
        iFrame.remove();
    } else {
        previewWindow.close();
    }
    previewWindow = iFrame = false;
}

Upvotes: 0

Musa
Musa

Reputation: 4024

Nevermind, i've figured it out. I've added a button to hide it, code as below -

{name:'Hide Preview', call: function (markitUp){ miu.hidepreview()}, className:'hidepreview'}

Where hidepreview() as my custom function. I defined this function as below

miu = {
hidepreview : function(){
    $('.markItUpPreviewFrame').remove();
}

}

It works for me.

Upvotes: 1

Related Questions