nodeclub/public/javascripts/editor.js

/**
 * 创建一个 EpicEditor
 *
 * @param {Element} textarea
 * @return {EpicEditor}
 */
function createEpicEditor (textarea) {
  var $node = $(textarea);
  var id = $node.attr('id');
  var h = $node.height();
  $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);
  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();
  }
});