depau/HackMD
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Improve resize performance and fix resize syncscroll not accurate

Browse source
This commit is contained in:
Cheng-Han, Wu 2016-05-30 11:38:27 +08:00
parent 16990e35a2
commit da45b7dc10
1 changed files with 34 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

45
public/js/index.js
View file

@ -803,18 +803,41 @@ function checkEditorStyle() {
// workaround editor will have wrong doc height when editor height changed // workaround editor will have wrong doc height when editor height changed
editor.setSize(null, ui.area.edit.height()); editor.setSize(null, ui.area.edit.height());
//make editor resizable //make editor resizable
ui.area.edit.resizable({
handles: 'e',
maxWidth: $(window).width() * 0.7,
minWidth: $(window).width() * 0.2,
resize: function (e) {
ui.area.resize.syncToggle.stop(true, true).show();
},
stop: function (e) {
lastEditorWidth = ui.area.edit.width();
}
});
if (!ui.area.resize.handle.length) { if (!ui.area.resize.handle.length) {
ui.area.edit.resizable({
handles: 'e',
maxWidth: $(window).width() * 0.7,
minWidth: $(window).width() * 0.2,
create: function (e, ui) {
$(this).parent().on('resize', function (e) {
e.stopPropagation();
});
},
start: function (e) {
editor.setOption('viewportMargin', Infinity);
},
resize: function (e) {
ui.area.resize.syncToggle.stop(true, true).show();
checkTocStyle();
},
stop: function (e) {
lastEditorWidth = ui.area.edit.width();
// workaround that scroll event bindings
preventSyncScrollToView = 2;
preventSyncScrollToEdit = true;
editor.setOption('viewportMargin', viewportMargin);
if (editorHasFocus()) {
windowResizeInner(function () {
ui.area.codemirrorScroll.scroll();
});
} else {
windowResizeInner(function () {
ui.area.view.scroll();
});
}
checkEditorScrollbar();
}
});
ui.area.resize.handle = $('.ui-resizable-handle'); ui.area.resize.handle = $('.ui-resizable-handle');
} }
if (!ui.area.resize.syncToggle.length) { if (!ui.area.resize.syncToggle.length) {