754 lines
33 KiB
JavaScript
754 lines
33 KiB
JavaScript
new function($) {
|
|
$.fn.setCursorPosition = function(pos) {
|
|
if ($(this).get(0).setSelectionRange) {
|
|
$(this).get(0).setSelectionRange(pos, pos);
|
|
} else if ($(this).get(0).createTextRange) {
|
|
var range = $(this).get(0).createTextRange();
|
|
range.collapse(true);
|
|
range.moveEnd('character', pos);
|
|
range.moveStart('character', pos);
|
|
range.select();
|
|
}
|
|
$(this).focus();
|
|
}
|
|
$.fn.tabHandler = function() {
|
|
$(this).keydown(function(e) {
|
|
if(e.keyCode === 9) { // tab was pressed
|
|
// get caret position/selection
|
|
var start = this.selectionStart;
|
|
var end = this.selectionEnd;
|
|
|
|
var $this = $(this);
|
|
var value = $this.val();
|
|
|
|
// set textarea value to: text before caret + four spaces + text after caret
|
|
$this.val(value.substring(0, start)
|
|
+ " "
|
|
+ value.substring(end));
|
|
|
|
// put caret at right position again (add four for the spaces)
|
|
this.selectionStart = this.selectionEnd = start + 4;
|
|
|
|
// prevent the focus lose
|
|
e.preventDefault();
|
|
}
|
|
});
|
|
}
|
|
}(jQuery);
|
|
|
|
// full screen api
|
|
(function() {
|
|
var
|
|
fullScreenApi = {
|
|
supportsFullScreen: false,
|
|
isFullScreen: function() { return false; },
|
|
requestFullScreen: function() {},
|
|
cancelFullScreen: function() {},
|
|
fullScreenEventName: '',
|
|
prefix: ''
|
|
},
|
|
browserPrefixes = 'webkit moz o ms khtml'.split(' ');
|
|
|
|
// check for native support
|
|
if (typeof document.cancelFullScreen != 'undefined') {
|
|
fullScreenApi.supportsFullScreen = true;
|
|
} else {
|
|
// check for fullscreen support by vendor prefix
|
|
for (var i = 0, il = browserPrefixes.length; i < il; i++ ) {
|
|
fullScreenApi.prefix = browserPrefixes[i];
|
|
|
|
if (typeof document[fullScreenApi.prefix + 'CancelFullScreen' ] != 'undefined' ) {
|
|
fullScreenApi.supportsFullScreen = true;
|
|
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
|
|
// update methods to do something useful
|
|
if (fullScreenApi.supportsFullScreen) {
|
|
fullScreenApi.fullScreenEventName = fullScreenApi.prefix + 'fullscreenchange';
|
|
|
|
fullScreenApi.isFullScreen = function() {
|
|
switch (this.prefix) {
|
|
case '':
|
|
return document.fullScreen;
|
|
case 'webkit':
|
|
return document.webkitIsFullScreen;
|
|
default:
|
|
return document[this.prefix + 'FullScreen'];
|
|
}
|
|
}
|
|
fullScreenApi.requestFullScreen = function(el) {
|
|
return (this.prefix === '') ? el.requestFullScreen() : el[this.prefix + 'RequestFullScreen']();
|
|
}
|
|
fullScreenApi.cancelFullScreen = function(el) {
|
|
return (this.prefix === '') ? document.cancelFullScreen() : document[this.prefix + 'CancelFullScreen']();
|
|
}
|
|
}
|
|
|
|
// jQuery plugin
|
|
if (typeof jQuery != 'undefined') {
|
|
jQuery.fn.requestFullScreen = function() {
|
|
|
|
return this.each(function() {
|
|
if (fullScreenApi.supportsFullScreen) {
|
|
fullScreenApi.requestFullScreen(this);
|
|
}
|
|
});
|
|
};
|
|
}
|
|
// export api
|
|
window.fullScreenApi = fullScreenApi;
|
|
})();
|
|
|
|
|
|
(function () {
|
|
|
|
var cmdMarkdownUrl = '/mdeditor/';
|
|
|
|
// handle Tab keystroke
|
|
$('#wmd-input').tabHandler();
|
|
|
|
var converter1 = Markdown.getSanitizingConverter();
|
|
|
|
// tell the converter to use Markdown Extra for tables, fenced_code_gfm, def_list
|
|
Markdown.Extra.init(converter1, {extensions: ["tables", "fenced_code_gfm", "def_list"], highlighter: "prettify"});
|
|
|
|
// To handle LaTeX expressions, to avoid the expression fail to work because of markdown syntax. inspired by stackeditor
|
|
// This will handle $$LaTeX expression$$ only, so that $LaTeX expression$ could fail to handle either.
|
|
bindMathJaxHooks(converter1);
|
|
|
|
var markdownHelp = function () {
|
|
var w = window.open(cmdMarkdownUrl);
|
|
w.isEditablePage = false;
|
|
}
|
|
var options = {
|
|
helpButton: { handler: markdownHelp },
|
|
strings: Markdown.local.zh
|
|
};
|
|
|
|
var editor1 = new Markdown.Editor(converter1, null, options);
|
|
|
|
var scrollLink = getScrollLink();
|
|
scrollLink.onLayoutCreated();
|
|
|
|
|
|
editor1.hooks.chain("onPreviewRefresh", function () {
|
|
|
|
$('.prettyprint').each(function(){
|
|
$(this).addClass('linenums');
|
|
});
|
|
prettyPrint(); // print code syntax for code snippet if there is.
|
|
|
|
if ($('body').hasClass('theme-white')) {
|
|
$('table').each(function() {
|
|
$(this).addClass('table table-striped-white table-bordered');
|
|
});
|
|
} else {
|
|
$('table').each(function() {
|
|
$(this).addClass('table table-striped-black table-bordered');
|
|
});
|
|
}
|
|
|
|
// Call onPreviewFinished callbacks when all async preview are finished, make sure sync actions have been ABOVE the line below.
|
|
var counter = 0;
|
|
var nbAsyncPreviewCallback = 2; // 1 for waitForImages below and 1 for MathJax below, they are both time consuming task, if only they are both done, begin to caculate md section and scroll bar.
|
|
function tryFinished() {
|
|
if(++counter === nbAsyncPreviewCallback) {
|
|
scrollLink.onPreviewFinished();
|
|
}
|
|
}
|
|
// We assume images are loading in the preview
|
|
$("#wmd-preview").waitForImages(tryFinished);
|
|
// TODO: could we cache the result to speed up ? This action is slow, especially, when there are multiple LaTeX expression on the page, google solution.
|
|
MathJax.Hub.Queue(["Typeset",MathJax.Hub,"wmd-preview"]);
|
|
MathJax.Hub.Queue(tryFinished);
|
|
|
|
if (window.isEditablePage) { // Editing on markdown help page won't change local storage
|
|
var preSaveArticle = $('#wmd-input').val();
|
|
var savedArticle = $.localStorage('article');
|
|
if (preSaveArticle != savedArticle) {
|
|
$.localStorage('article', preSaveArticle);
|
|
}
|
|
}
|
|
});
|
|
scrollLink.onEditorConfigure(editor1);
|
|
|
|
function popupEditorDialog(title, body, imageClass, placeholder) {
|
|
$('#editorDialog').find('.modal-body input').val("");
|
|
$('#editorDialog').find('.modal-body input').attr("placeholder", placeholder);
|
|
$('#editorDialog').find('#editorDialog-title').text(title);
|
|
$('#editorDialog').find('.modal-body p').text(body);
|
|
$('#editorDialog').find('.modal-body i').removeClass().addClass(imageClass);
|
|
$('#editorDialog').modal({keyboard : true});
|
|
}
|
|
|
|
// Custom insert link dialog
|
|
editor1.hooks.set("insertLinkDialog", function(callback) {
|
|
popupEditorDialog('链接', '请输入链接地址', 'icon-link icon-2x', 'http://example.com/ "可选标题"');
|
|
editorDialogCallback = callback;
|
|
return true; // tell the editor that we'll take care of getting the link url
|
|
});
|
|
|
|
// Custom insert image dialog
|
|
var editorDialogCallback = null;
|
|
editor1.hooks.set("insertImageDialog", function(callback) {
|
|
popupEditorDialog('图片', '请输入图片地址', 'icon-picture icon-2x', 'http://example.com/images/diagram.jpg "可选标题"');
|
|
editorDialogCallback = callback;
|
|
return true; // tell the editor that we'll take care of getting the image url
|
|
});
|
|
|
|
$('#editorDialog').on('hidden', function(){
|
|
if (editorDialogCallback) {
|
|
var url = $('#editorDialog-confirm').data('url');
|
|
if (url) {
|
|
$('#editorDialog-confirm').removeData('url');
|
|
editorDialogCallback(url);
|
|
} else {
|
|
editorDialogCallback(null);
|
|
}
|
|
}
|
|
});
|
|
|
|
$('#editorDialog-confirm').click(function(event) {
|
|
var url = $('#editorDialog').find('.modal-body input').val();
|
|
if (url) {
|
|
$(this).data('url', url);
|
|
}
|
|
$('#editorDialog').modal('hide');
|
|
});
|
|
|
|
$('#editorDialog').on('shown', function(){
|
|
$('#editorDialog').find('.modal-body input').focus();
|
|
});
|
|
|
|
|
|
// Make preview if it's inactive in 500ms to reduce the calls in onPreviewRefresh chains above and cpu cost.
|
|
documentContent = undefined;
|
|
var previewWrapper;
|
|
previewWrapper = function(makePreview) {
|
|
var debouncedMakePreview = _.debounce(makePreview, 500);
|
|
return function() {
|
|
if(documentContent === undefined) {
|
|
makePreview();
|
|
documentContent = '';
|
|
} else {
|
|
debouncedMakePreview();
|
|
}
|
|
};
|
|
};
|
|
|
|
// To make sure there is no overflow(scroll bar) on the whole page.
|
|
function calculateEditorPreviewHeight() {
|
|
var height = $(window).height() - $('.preview-container').position().top - 20;
|
|
$('#wmd-input').height(height);
|
|
$('.preview-container').height(height);
|
|
$("#wmd-preview").height("auto");
|
|
}
|
|
|
|
$(window).resize(function() {
|
|
calculateEditorPreviewHeight();
|
|
scrollLink.buildSections();
|
|
});
|
|
|
|
|
|
// load md help doc from server.
|
|
var mdUrl = 'editor/md-help';
|
|
var isExternalUrl = false;
|
|
if (window.isEditablePage === undefined) { // if window.isEditablePage is not undefined, means it's markdown help page.
|
|
var keyUrl = '?url=';
|
|
var indexOfKeyUrl = window.location.href.indexOf(keyUrl);
|
|
if (indexOfKeyUrl != -1) {
|
|
// jiawzhang NOTICE: make sure nginx and 'sh ~/uwsgi/uwsgi.sh' is running on ec2.
|
|
mdUrl = 'http://www.zuoyebuluo.com?callback=?&url=' + encodeURIComponent(window.location.href.substring(indexOfKeyUrl + keyUrl.length));
|
|
isExternalUrl = true;
|
|
window.isEditablePage = false;
|
|
} else {
|
|
window.isEditablePage = true;
|
|
}
|
|
}
|
|
|
|
$.ajax({
|
|
type: 'GET',
|
|
url: mdUrl,
|
|
async: false,
|
|
dataType: isExternalUrl ? 'jsonp' : '',
|
|
success: function(data) {
|
|
mainHandler(data);
|
|
},
|
|
error: function(e) {
|
|
mainHandler('');
|
|
}
|
|
});
|
|
|
|
function mainHandler(data) {
|
|
if (data) {
|
|
var article = null;
|
|
var cursorPosition = 0;
|
|
if (!window.isEditablePage) { // markdown help page is loading the certain text, regardless of local storage.
|
|
article = '[『Cmd 技术渲染的沙箱页面，修改无法保存，点击此处编写自己的文档』](http://ghosertblog.github.io/mdeditor/ "中文在线 Markdown 编辑器")\n\n' + data;
|
|
} else {
|
|
var article = $.localStorage('article');
|
|
if (!article) {
|
|
article = data;
|
|
} else {
|
|
cursorPosition = article.length; // go to the end of the article, if the article is not help doc.
|
|
}
|
|
}
|
|
// Populate editor value
|
|
$('#wmd-input').val(article);
|
|
|
|
// start editor.
|
|
editor1.run(previewWrapper);
|
|
|
|
// Load awesome font to button
|
|
$('#wmd-bold-button > span').addClass('icon-bold muted');
|
|
$('#wmd-italic-button > span').addClass('icon-italic muted');
|
|
$('#wmd-link-button > span').addClass('icon-link muted');
|
|
$('#wmd-quote-button > span').addClass('icon-quote-left muted');
|
|
$('#wmd-code-button > span').addClass('icon-code muted');
|
|
$('#wmd-image-button > span').addClass('icon-picture muted');
|
|
$('#wmd-olist-button > span').addClass('icon-list-ol muted');
|
|
$('#wmd-ulist-button > span').addClass('icon-list-ul muted');
|
|
$('#wmd-heading-button > span').addClass('icon-list-alt muted');
|
|
$('#wmd-hr-button > span').addClass('icon-minus muted');
|
|
$('#wmd-undo-button > span').addClass('icon-undo muted');
|
|
$('#wmd-redo-button > span').addClass('icon-repeat muted');
|
|
$('#wmd-help-button > span').addClass('icon-question-sign muted');
|
|
|
|
|
|
// create additional new buttons.
|
|
$('#wmd-help-button').after('<li id="wmd-editor-full-button" class="wmd-button" title="编辑模式 Ctrl+M"><span class="icon-resize-full muted"></span></li>');
|
|
$('#wmd-help-button').after('<li id="wmd-editor-small-button" class="wmd-button" title="预览模式 Ctrl+M"><span class="icon-resize-small muted"></span></li>');
|
|
$('#wmd-help-button').css('margin-left', '50px');
|
|
$('#wmd-editor-full-button').css('margin-left', '50px');
|
|
$('#wmd-editor-small-button').css('margin-left', '50px');
|
|
|
|
|
|
// hide #wmd-editor-small-button when initialization.
|
|
$('#wmd-editor-small-button').hide();
|
|
// hide #preview-editor-small-button when initialization.
|
|
$('#preview-reader-small-button').hide();
|
|
|
|
|
|
function buttonBinding(rowClassName, spanClassName) {
|
|
// change color when hovering.
|
|
$(rowClassName).hover(function() {
|
|
$(spanClassName).animate({color: '#F9F9F5'}, 400);
|
|
},
|
|
function() {
|
|
$(spanClassName).animate({color: '#BBBBBB'}, 400);
|
|
});
|
|
|
|
// enlarge the icon when hovering.
|
|
$(spanClassName).hover(function() {
|
|
$(this).addClass('icon-large');
|
|
},
|
|
function() {
|
|
$(this).removeClass('icon-large');
|
|
});
|
|
}
|
|
buttonBinding('.wmd-button-row', '.wmd-button > span');
|
|
buttonBinding('.preview-button-row', '.preview-button > span');
|
|
|
|
function clearAndNewFile() {
|
|
var answer = confirm('新建文件将会清除当前的文件内容，请确认当前内容已保存');
|
|
if (answer) {
|
|
$('#wmd-input').val('\n\n\n> *本文使用 [Cmd](http://ghosertblog.github.io/mdeditor/ "中文在线 Markdown 编辑器") 编写*');
|
|
$('#wmd-input').setCursorPosition(0);
|
|
editor1.refreshPreview();
|
|
}
|
|
}
|
|
|
|
// new file button handler
|
|
$('#preview-new-button').on('click', clearAndNewFile);
|
|
|
|
|
|
function getCurrentMode() {
|
|
var hash = window.location.hash;
|
|
var currentMode = {isFullEditor: false, isFullReader: false, isEditorReader: false};
|
|
if (hash == '#full-editor') {
|
|
currentMode.isFullEditor = true;
|
|
} else if (hash == '#full-reader') {
|
|
currentMode.isFullReader = true;
|
|
} else { // normal mode
|
|
currentMode.isEditorReader = true;
|
|
}
|
|
return currentMode;
|
|
}
|
|
|
|
function switchWmdButtonColor(buttonRow, buttonSpan, colorIn, colorOut) {
|
|
$(buttonRow).unbind('hover');
|
|
$(buttonSpan).animate({color: colorOut}, 400); // This resolve the no color changed issue.
|
|
$(buttonSpan).removeClass('icon-large');
|
|
$(buttonRow).hover(function() {
|
|
$(buttonSpan).animate({color: colorIn}, 400);
|
|
},
|
|
function() {
|
|
$(buttonSpan).animate({color: colorOut}, 400);
|
|
});
|
|
}
|
|
|
|
// Loading theme setting from local storage and then apply.
|
|
var siteThemeClassName = $.localStorage('siteThemeClassName');
|
|
if (!siteThemeClassName) {
|
|
siteThemeClassName = 'theme-white';
|
|
}
|
|
function applySiteTheme(siteThemeClassName) {
|
|
$('.theme').each(function() {
|
|
$(this).removeClass('theme-white theme-black').addClass(siteThemeClassName);
|
|
});
|
|
var currentMode = getCurrentMode();
|
|
if (currentMode.isFullReader) { // if it's full-reader page, change button color as well.
|
|
if (siteThemeClassName == 'theme-black') {
|
|
switchWmdButtonColor('.preview-button-row', '.preview-button > span', '#F9F9F5', '#BBBBBB');
|
|
} else {
|
|
switchWmdButtonColor('.preview-button-row', '.preview-button > span', '#2C3E50', '#999999');
|
|
}
|
|
}
|
|
if (siteThemeClassName == 'theme-white') {
|
|
$('table').each(function() {
|
|
$(this).removeClass('table-striped-black').addClass('table-striped-white');
|
|
});
|
|
} else {
|
|
$('table').each(function() {
|
|
$(this).removeClass('table-striped-white').addClass('table-striped-black');
|
|
});
|
|
}
|
|
$.localStorage('siteThemeClassName', siteThemeClassName);
|
|
}
|
|
applySiteTheme(siteThemeClassName);
|
|
|
|
function switchSiteTheme() {
|
|
var currentMode = getCurrentMode();
|
|
if ($('body').hasClass('theme-white')) {
|
|
applySiteTheme('theme-black');
|
|
} else {
|
|
applySiteTheme('theme-white');
|
|
}
|
|
}
|
|
|
|
// theme button handler
|
|
$('#preview-theme-button').on('click', switchSiteTheme);
|
|
|
|
|
|
// test whether the browser support fullscreen.
|
|
if (fullScreenApi.supportsFullScreen) {
|
|
$('#preview-fullscreen-button').on('click', function() {
|
|
if (fullScreenApi.isFullScreen()) {
|
|
fullScreenApi.cancelFullScreen();
|
|
} else {
|
|
fullScreenApi.requestFullScreen(document.documentElement);
|
|
}
|
|
});
|
|
} else {
|
|
$('#preview-fullscreen-button').on('click', function() {
|
|
alert('您的浏览器不支持自动全屏，请尝试按 F11 切换全屏');
|
|
});
|
|
}
|
|
|
|
/* ============================= Handle customized shortcut key binding. ========================================= */
|
|
browserType = {
|
|
isIE: /msie/.test(window.navigator.userAgent.toLowerCase()),
|
|
isIE_5or6: /msie 6/.test(window.navigator.userAgent.toLowerCase()) || /msie 5/.test(window.navigator.userAgent.toLowerCase()),
|
|
isOpera: /opera/.test(window.navigator.userAgent.toLowerCase()),
|
|
isFirefox: /firefox/.test(window.navigator.userAgent.toLowerCase()),
|
|
isChrome: /(chrome|chromium)/.test(window.navigator.userAgent.toLowerCase())
|
|
};
|
|
|
|
var keyEvent = 'keydown';
|
|
if (browserType.isOpera || browserType.isFirefox) {
|
|
keyEvent = 'keypress';
|
|
}
|
|
|
|
$(document).on(keyEvent, function(key) {
|
|
// Check to see if we have a button key and, if so execute the callback.
|
|
if ((key.ctrlKey || key.metaKey) && !key.shiftKey) {
|
|
|
|
var currentMode = getCurrentMode();
|
|
|
|
var keyCode = key.charCode || key.keyCode;
|
|
var keyCodeStr = String.fromCharCode(keyCode).toLowerCase();
|
|
|
|
switch (keyCodeStr) {
|
|
case "m":
|
|
if (!key.altKey) { // 'ctrl + m' for switching normal/full editor
|
|
if (currentMode.isEditorReader) {
|
|
switchFullEditorMode();
|
|
} else if (currentMode.isFullEditor) {
|
|
switchNormalModeFromFullEditorMode();
|
|
}
|
|
} else { // 'ctrl + alt + m' for switching normal/full reader
|
|
if (currentMode.isEditorReader) {
|
|
switchFullReaderMode();
|
|
} else if (currentMode.isFullReader) {
|
|
switchNormalModeFromFullReaderMode();
|
|
}
|
|
}
|
|
break;
|
|
case "j":
|
|
if (key.altKey) { // 'ctrl + alt + j' for switching site theme.
|
|
switchSiteTheme();
|
|
break;
|
|
}
|
|
case "h":
|
|
if (key.altKey) { // 'ctrl + alt + h' for markdown help.
|
|
markdownHelp();
|
|
break;
|
|
}
|
|
case "n":
|
|
if (key.altKey) { // 'ctrl + alt + n' for markdown help.
|
|
clearAndNewFile();
|
|
break;
|
|
}
|
|
default:
|
|
return;
|
|
}
|
|
|
|
if (key.preventDefault) {
|
|
key.preventDefault();
|
|
}
|
|
|
|
if (window.event) {
|
|
window.event.returnValue = false;
|
|
}
|
|
}
|
|
});
|
|
|
|
/* ============================= Begin to Handle modes ========================================= */
|
|
var switchFullEditorMode = function() {
|
|
|
|
// hide all first.
|
|
$('#container').hide();
|
|
|
|
// show the hidden #editor-reader-full
|
|
$('#editor-reader-full').removeClass('editor-reader-full-hidden').addClass('editor-reader-full-shown');
|
|
|
|
// change full-small button
|
|
$('#wmd-editor-small-button').show();
|
|
$('#wmd-editor-full-button').hide();
|
|
|
|
// Reset pagedown, pageup on textarea to make sure these keystroke works.
|
|
$('#wmd-input').keydown(function(e) {
|
|
var targetScrollTop = null;
|
|
var pageHeight = $(window).height() - $('#wmd-panel-editor').position().top;
|
|
var lineHeight = parseInt($(this).css('line-height'));
|
|
pageHeight = pageHeight - lineHeight * 2; // subtract two lineHeights.
|
|
var currentScrollTop = $('#wmd-panel-editor').scrollTop();
|
|
if(e.keyCode === 33) { // pageup was pressed
|
|
targetScrollTop = currentScrollTop - pageHeight;
|
|
}
|
|
if(e.keyCode === 34) { // pagedown was pressed
|
|
targetScrollTop = currentScrollTop + pageHeight;
|
|
}
|
|
if (targetScrollTop != null) {
|
|
$('#wmd-panel-editor').animate({scrollTop: targetScrollTop}, 1); // set 1 here, since set 0 will lead to issue on IE.
|
|
var cursorPosition = scrollLink.getCursorPositionForPageDownUpInFullEditorMode(targetScrollTop);
|
|
if (cursorPosition != -1) {
|
|
var totalLength = $('#wmd-input').val().length;
|
|
if (cursorPosition > totalLength) {
|
|
cursorPosition = totalLength;
|
|
}
|
|
$('#wmd-input').setCursorPosition(cursorPosition);
|
|
}
|
|
e.preventDefault();
|
|
}
|
|
});
|
|
|
|
// reset hover colors on wmd button.
|
|
if ($('body').hasClass('theme-white')) {
|
|
switchWmdButtonColor('.wmd-button-row', '.wmd-button > span', '#2C3E50', '#999999');
|
|
}
|
|
|
|
// Add wmd-button-bar and wmd-panel-editor to editor-reader-full
|
|
$('#wmd-button-bar').removeClass().addClass('wmd-button-bar-full-shown');
|
|
$('#editor-reader-full').append($('#wmd-button-bar'));
|
|
|
|
$('#wmd-panel-editor').removeClass().addClass('wmd-panel-editor-full-shown');
|
|
$('#editor-reader-full').append($('#wmd-panel-editor'));
|
|
|
|
// make sure the width of #md-section-helper is same to #wmd-input, since scrollLink.buildSections() below will still caculate the sections.
|
|
// (for move cursor correctly when pagedown/pageup pressed in full editor mode.)
|
|
$('#wmd-input').css('max-width', '850px').focus();
|
|
$('#md-section-helper').attr('style', 'max-width:850px; overflow:hidden; word-wrap:break-word; resize: none;');
|
|
|
|
// binding new resize event.
|
|
$(window).unbind('resize');
|
|
function calculateEditFullHeight() {
|
|
// jquery autosize plugin to make sure textarea is autosized in full editor mode.
|
|
$('#wmd-input').autosize();
|
|
$('#wmd-input').trigger('autosize.resize');
|
|
$('#wmd-panel-editor').height($(window).height() - $('#wmd-panel-editor').position().top);
|
|
}
|
|
calculateEditFullHeight();
|
|
scrollLink.buildSections();
|
|
// '#wmd-input' should be autosize() when windows resize, otherwise, the display is not correct.
|
|
$(window).resize(function() {
|
|
calculateEditFullHeight();
|
|
scrollLink.buildSections();
|
|
});
|
|
|
|
// change location hash to 'full-editor'
|
|
window.location.hash = '#full-editor';
|
|
}
|
|
$('#wmd-editor-full-button').on('click', switchFullEditorMode);
|
|
|
|
// This is basically the reversal action of switchFullEditorMode.
|
|
var switchNormalModeFromFullEditorMode = function() {
|
|
|
|
$('#wmd-input').unbind('keydown');
|
|
|
|
// reset hover colors on wmd button.
|
|
switchWmdButtonColor('.wmd-button-row', '.wmd-button > span', '#F9F9F5', '#BBBBBB');
|
|
|
|
$('#wmd-button-bar').removeClass().addClass('pull-left');
|
|
$('#editor-nav-bar').prepend($('#wmd-button-bar'));
|
|
|
|
$('#wmd-panel-editor').removeClass().addClass('wmd-panel-editor');
|
|
$('#left-column').prepend($('#wmd-panel-editor'));
|
|
|
|
$('#md-section-helper').removeAttr('style');
|
|
$('#wmd-panel-editor').removeAttr('style');
|
|
$('#wmd-input').trigger('autosize.destroy');
|
|
$('#wmd-input').removeAttr('style');
|
|
|
|
$('#wmd-editor-small-button').hide();
|
|
$('#wmd-editor-full-button').show();
|
|
$('#editor-reader-full').removeClass('editor-reader-full-shown').addClass('editor-reader-full-hidden');
|
|
$('#container').show();
|
|
|
|
// binding new resize event.
|
|
$(window).unbind('resize');
|
|
calculateEditorPreviewHeight();
|
|
scrollLink.buildSections();
|
|
$(window).resize(function() {
|
|
calculateEditorPreviewHeight();
|
|
scrollLink.buildSections();
|
|
});
|
|
|
|
// change location hash to ''
|
|
window.location.hash = '';
|
|
$('#wmd-input').focus();
|
|
}
|
|
$('#wmd-editor-small-button').on('click', switchNormalModeFromFullEditorMode);
|
|
|
|
var switchFullReaderMode = function() {
|
|
|
|
// hide all first.
|
|
$('#container').hide();
|
|
|
|
// show the hidden #editor-reader-full
|
|
$('#editor-reader-full').removeClass('editor-reader-full-hidden').addClass('editor-reader-full-shown');
|
|
$('#editor-reader-full').css('position', 'static'); // to make sure the page scrollbar is present.
|
|
|
|
// change full-small button
|
|
$('#preview-reader-small-button').show();
|
|
$('#preview-reader-full-button').hide();
|
|
|
|
// Hide some buttons on preview
|
|
$('#preview-new-button').hide();
|
|
|
|
// reset hover colors on wmd button.
|
|
if ($('body').hasClass('theme-white')) {
|
|
switchWmdButtonColor('.preview-button-row', '.preview-button > span', '#2C3E50', '#999999');
|
|
}
|
|
|
|
// Add toolbar to editor-reader-full
|
|
$('#editor-reader-full').append('<div id="reader-full-toolbar"></div>');
|
|
$('#reader-full-toolbar').append($('#preview-button-row'));
|
|
|
|
$('#editor-reader-full').append($('#wmd-preview'));
|
|
$('#wmd-preview').css('border', '0 none').css('margin', '0 auto').css('max-width', '850px').css('overflow-x', 'hidden').css('padding-top', '50px').css('padding-bottom', '50px').focus();
|
|
|
|
$('.preview-button').css('font-size', '25px');
|
|
$('#preview-button-row > li:visible').css('display', 'block').css('margin-bottom', '20px');
|
|
$('#reader-full-toolbar').css('position', 'fixed').css('right', 40).css('top', 30);
|
|
|
|
// unbind original resize event.
|
|
$(window).unbind('resize');
|
|
|
|
// change location hash to 'full-reader'
|
|
window.location.hash = '#full-reader';
|
|
}
|
|
$('#preview-reader-full-button').on('click', switchFullReaderMode);
|
|
|
|
// This is basically the reversal action of switchFullReaderMode.
|
|
var switchNormalModeFromFullReaderMode = function() {
|
|
|
|
// reset hover colors on wmd button.
|
|
switchWmdButtonColor('.preview-button-row', '.preview-button > span', '#F9F9F5', '#BBBBBB');
|
|
|
|
// restore items.
|
|
$('.preview-button').removeAttr('style');
|
|
$('#preview-button-row > li:visible').removeAttr('style');
|
|
$('#preview-button-bar').prepend($('#preview-button-row'));
|
|
$('#reader-full-toolbar').remove();
|
|
|
|
$('#wmd-panel-preview').prepend($('#wmd-preview'));
|
|
$('#wmd-preview').removeAttr('style');
|
|
$('#wmd-preview').css('height', 'auto');
|
|
|
|
// Show some buttons on preview
|
|
$('#preview-new-button').show();
|
|
// change full-small button
|
|
$('#preview-reader-small-button').hide();
|
|
$('#preview-reader-full-button').show();
|
|
|
|
$('#editor-reader-full').removeAttr('style');
|
|
$('#editor-reader-full').removeClass('editor-reader-full-shown').addClass('editor-reader-full-hidden');
|
|
$('#container').show();
|
|
|
|
// restore binding resize event.
|
|
$(window).unbind('resize');
|
|
calculateEditorPreviewHeight();
|
|
scrollLink.buildSections();
|
|
$(window).resize(function() {
|
|
calculateEditorPreviewHeight();
|
|
scrollLink.buildSections();
|
|
});
|
|
|
|
// change location hash to ''
|
|
window.location.hash = '';
|
|
$('#wmd-input').focus();
|
|
}
|
|
$('#preview-reader-small-button').on('click', switchNormalModeFromFullReaderMode);
|
|
|
|
calculateEditorPreviewHeight();
|
|
|
|
// Switch mode if there is.
|
|
var currentMode = getCurrentMode();
|
|
if (currentMode.isFullEditor) {
|
|
$('#wmd-input').setCursorPosition(cursorPosition);
|
|
switchFullEditorMode();
|
|
} else if (currentMode.isFullReader) { // Don't set focus on '#wmd-input', otherwise, when first time press pagedown key on full reader page, Firefox can't scroll.
|
|
switchFullReaderMode();
|
|
} else { // normal mode
|
|
$('#wmd-input').setCursorPosition(cursorPosition);
|
|
}
|
|
|
|
|
|
// Popup service change notification
|
|
$('#notification-confirm').click(function(event) {
|
|
var operation = $(this).data('operation');
|
|
if (operation) {
|
|
$(this).removeData('operation');
|
|
operation();
|
|
} else {
|
|
$('#notification').modal('hide');
|
|
window.location.reload();
|
|
}
|
|
});
|
|
function _popupConfirm(title, content, operation) {
|
|
$('#notification').find('#notification-title').html(title);
|
|
$('#notification').find('.modal-body p').html(content);
|
|
$('#notification').modal({keyboard : true});
|
|
$('#notification-confirm').data('operation', operation); // store function here.
|
|
}
|
|
_popupConfirm("服务迁移通告", "为更好的提升用户体验，本站服务已迁移到独立服务器：<a href='http://www.zybuluo.com/mdeditor'>http://www.zybuluo.com/mdeditor</a>, 请点击【确定】按钮前往，如果您在本站有编辑中的文稿，请点击【取消】按钮先保存文稿，然后前往新站，本站服务会在近期关停，感谢一路支持。", function () {
|
|
window.location = 'http://www.zybuluo.com/mdeditor';
|
|
});
|
|
}
|
|
}
|
|
})();
|