mirror of
https://github.com/cnodejs/nodeclub.git
synced 2025-12-08 19:55:55 +00:00
121 lines
2.7 KiB
JavaScript
121 lines
2.7 KiB
JavaScript
/**
|
|
* 创建一个 EpicEditor
|
|
*
|
|
* @param {Element} textarea
|
|
* @return {EpicEditor}
|
|
*/
|
|
function createEpicEditor (textarea) {
|
|
var $node = $(textarea);
|
|
var id = $node.attr('id');
|
|
var h = $node.height();
|
|
var l = $node.parents('.reply2_form').find('#editor_'+id).length;
|
|
if (l == 0) {
|
|
$node.before('<div id="editor_' + id + '" style="height:' + h + 'px; border: 1px solid #DDD; border-radius: 4px;"></div>');
|
|
}
|
|
$node.hide();
|
|
|
|
var opts = {
|
|
container: 'editor_' + id,
|
|
textarea: id,
|
|
basePath: '/public/libs/epiceditor',
|
|
clientSideStorage: false,
|
|
useNativeFullscreen: true,
|
|
parser: marked,
|
|
theme: {
|
|
base: '/themes/base/epiceditor.css',
|
|
preview: '/themes/preview/github.css',
|
|
editor: '/themes/editor/epic-light.css'
|
|
},
|
|
button: {
|
|
preview: true,
|
|
fullscreen: true,
|
|
bar: true
|
|
},
|
|
focusOnLoad: false,
|
|
shortcut: {
|
|
modifier: 18,
|
|
fullscreen: 70,
|
|
preview: 80
|
|
},
|
|
string: {
|
|
togglePreview: '预览',
|
|
toggleEdit: '编辑',
|
|
toggleFullscreen: '全屏'
|
|
},
|
|
autogrow: {
|
|
minHeight: 200
|
|
}
|
|
};
|
|
|
|
var editor = new EpicEditor(opts);
|
|
|
|
// 进入全屏模式时，给编辑器增加一些额外的样式
|
|
function _fullscreenenter ($e) {
|
|
var d = {
|
|
margin: '90px 8px 8px 8px',
|
|
padding: '8px',
|
|
border: '1px solid #aaa',
|
|
width: $e.width() - 34,
|
|
height: $e.height() - 114
|
|
};
|
|
setTimeout(function () {
|
|
$e.css(d);
|
|
}, 100);
|
|
}
|
|
function _fullscreenexit ($e) {
|
|
$e.css({
|
|
margin: '0',
|
|
padding: '0',
|
|
border: 'none'
|
|
});
|
|
}
|
|
function fullscreenenter () {
|
|
_fullscreenenter($(editor.editorIframe));
|
|
_fullscreenenter($(editor.previewerIframe));
|
|
window.e = editor;
|
|
}
|
|
function fullscreenexit () {
|
|
_fullscreenexit($(editor.editorIframe));
|
|
_fullscreenexit($(editor.previewerIframe));
|
|
}
|
|
editor.on('fullscreenenter', fullscreenenter);
|
|
editor.on('fullscreenexit', fullscreenexit);
|
|
$(window).resize(function () {
|
|
if (editor.is('fullscreen')) {
|
|
fullscreenenter();
|
|
}
|
|
});
|
|
|
|
return editor;
|
|
}
|
|
|
|
/**
|
|
* 向EpicEditor末尾增加内容
|
|
*
|
|
* @param {EpicEditor} editor
|
|
* @param {String} text
|
|
* @return {String}
|
|
*/
|
|
function epicEditorAppend (editor, text) {
|
|
return editor.getElement('editor').body.innerHTML += text;
|
|
}
|
|
|
|
/**
|
|
* 向EpicEditor前面增加内容
|
|
*
|
|
* @param {EpicEditor} editor
|
|
* @param {String} text
|
|
* @return {String}
|
|
*/
|
|
function epicEditorPrepend (editor, text) {
|
|
return editor.getElement('editor').body.innerHTML = text + editor.getElement('editor').body.innerHTML;
|
|
}
|
|
|
|
// 自动创建编辑框
|
|
$(function () {
|
|
var $node = $('#wmd-input');
|
|
if ($node.length > 0) {
|
|
createEpicEditor($node).load();
|
|
}
|
|
});
|