|
|
@ -456,7 +456,7 @@ function togglePreview(editor) {
|
|
|
|
var cm = editor.codemirror;
|
|
|
|
var cm = editor.codemirror;
|
|
|
|
var wrapper = cm.getWrapperElement();
|
|
|
|
var wrapper = cm.getWrapperElement();
|
|
|
|
var toolbar_div = wrapper.previousSibling;
|
|
|
|
var toolbar_div = wrapper.previousSibling;
|
|
|
|
var toolbar = editor.toolbarElements.preview;
|
|
|
|
var toolbar = editor.options.toolbar ? editor.toolbarElements.preview : false;
|
|
|
|
var preview = wrapper.lastChild;
|
|
|
|
var preview = wrapper.lastChild;
|
|
|
|
if(!preview || !/editor-preview/.test(preview.className)) {
|
|
|
|
if(!preview || !/editor-preview/.test(preview.className)) {
|
|
|
|
preview = document.createElement("div");
|
|
|
|
preview = document.createElement("div");
|
|
|
@ -467,8 +467,10 @@ function togglePreview(editor) {
|
|
|
|
preview.className = preview.className.replace(
|
|
|
|
preview.className = preview.className.replace(
|
|
|
|
/\s*editor-preview-active\s*/g, ""
|
|
|
|
/\s*editor-preview-active\s*/g, ""
|
|
|
|
);
|
|
|
|
);
|
|
|
|
toolbar.className = toolbar.className.replace(/\s*active\s*/g, "");
|
|
|
|
if(toolbar) {
|
|
|
|
toolbar_div.className = toolbar_div.className.replace(/\s*disabled-for-preview*/g, "");
|
|
|
|
toolbar.className = toolbar.className.replace(/\s*active\s*/g, "");
|
|
|
|
|
|
|
|
toolbar_div.className = toolbar_div.className.replace(/\s*disabled-for-preview*/g, "");
|
|
|
|
|
|
|
|
}
|
|
|
|
} else {
|
|
|
|
} else {
|
|
|
|
// When the preview button is clicked for the first time,
|
|
|
|
// When the preview button is clicked for the first time,
|
|
|
|
// give some time for the transition from editor.css to fire and the view to slide from right to left,
|
|
|
|
// give some time for the transition from editor.css to fire and the view to slide from right to left,
|
|
|
@ -476,8 +478,10 @@ function togglePreview(editor) {
|
|
|
|
setTimeout(function() {
|
|
|
|
setTimeout(function() {
|
|
|
|
preview.className += " editor-preview-active";
|
|
|
|
preview.className += " editor-preview-active";
|
|
|
|
}, 1);
|
|
|
|
}, 1);
|
|
|
|
toolbar.className += " active";
|
|
|
|
if(toolbar) {
|
|
|
|
toolbar_div.className += " disabled-for-preview";
|
|
|
|
toolbar.className += " active";
|
|
|
|
|
|
|
|
toolbar_div.className += " disabled-for-preview";
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
preview.innerHTML = editor.options.previewRender(editor.value(), preview);
|
|
|
|
preview.innerHTML = editor.options.previewRender(editor.value(), preview);
|
|
|
|
|
|
|
|
|
|
|
|