Netsyms/easy-markdown-editor
2
0
Fork 0
mirror of https://github.com/Ionaru/easy-markdown-editor synced 2025-07-30 13:24:28 -06:00
Code Issues Releases Wiki Activity

Preview without fullscreen

Browse Source
This commit is contained in:
Nick Denry 2020-05-29 01:53:15 +03:00
parent 41fef9ae3e
commit b7093dabc3
2 changed files with 39 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/css/easymde.css
View File

@ -31,6 +31,11 @@
width: 50% !important;
}
.CodeMirror-sided--no-fullscreen {
position: relative;
float: left;
}
.CodeMirror-placeholder {
opacity: .5;
}
@ -195,6 +200,10 @@
text-align: right;
}
.editor-statusbar.sided--no-fullscreen {
clear: both;
}
.editor-statusbar span {
display: inline-block;
min-width: 4em;
@ -243,6 +252,14 @@
display: block
}
.editor-preview-active-side--no-fullscreen {
height: auto;
position: static;
min-height: calc(300px + 22px);
width: calc(50% - 0px);
float: right;
}
.editor-preview-active {
display: block
}

24
src/js/easymde.js
View File

@ -858,6 +858,18 @@ function toggleSideBySide(editor) {
var toolbarButton = editor.toolbarElements && editor.toolbarElements['side-by-side'];
var useSideBySideListener = false;
if (/editor-preview-active-side/.test(preview.className)) {
if (cm.getOption('sideBySideFullscreen')) {
cm.setOption('sideBySideFullscreen', false);
wrapper.className = wrapper.className.replace(
/\s*CodeMirror-sided--no-fullscreen\s*/g, ''
);
preview.className = preview.className.replace(
/\s*editor-preview-active-side--no-fullscreen\s*/g, ''
);
editor.gui.statusbar.className = editor.gui.statusbar.className.replace(
/\s*sided--no-fullscreen\s*/g, ''
);
}
preview.className = preview.className.replace(
/\s*editor-preview-active-side\s*/g, ''
);
@ -868,8 +880,16 @@ function toggleSideBySide(editor) {
// give some time for the transition from editor.css to fire and the view to slide from right to left,
// instead of just appearing.
setTimeout(function () {
if (!cm.getOption('fullScreen'))
toggleFullScreen(editor);
if (!cm.getOption('fullScreen')) {
if (editor.options.sideBySideFullscreen === false) {
cm.setOption('sideBySideFullscreen', true);
wrapper.className += ' CodeMirror-sided--no-fullscreen';
preview.className += ' editor-preview-active-side--no-fullscreen';
editor.gui.statusbar.className += ' sided--no-fullscreen';
} else {
toggleFullScreen(editor);
}
}
preview.className += ' editor-preview-active-side';
}, 1);
if (toolbarButton) toolbarButton.className += ' active';