Skip to content
Browse files

Embeded epiceditor

  • Loading branch information...
1 parent ab85269 commit 89aa78f35c133ef86bacf463d1afa8bb91980c1d @yml committed Mar 6, 2013
View
BIN epiceditor/static/epiceditor/.DS_Store
Binary file not shown.
View
BIN epiceditor/static/epiceditor/images/edit.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN epiceditor/static/epiceditor/images/fullscreen.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN epiceditor/static/epiceditor/images/preview.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
2,141 epiceditor/static/epiceditor/js/epiceditor.js
@@ -0,0 +1,2141 @@
+/**
+ * EpicEditor - An Embeddable JavaScript Markdown Editor (https://github.com/OscarGodson/EpicEditor)
+ * Copyright (c) 2011-2012, Oscar Godson. (MIT Licensed)
+ */
+
+(function (window, undefined) {
+ /**
+ * Applies attributes to a DOM object
+ * @param {object} context The DOM obj you want to apply the attributes to
+ * @param {object} attrs A key/value pair of attributes you want to apply
+ * @returns {undefined}
+ */
+ function _applyAttrs(context, attrs) {
+ for (var attr in attrs) {
+ if (attrs.hasOwnProperty(attr)) {
+ context[attr] = attrs[attr];
+ }
+ }
+ }
+
+ /**
+ * Applies styles to a DOM object
+ * @param {object} context The DOM obj you want to apply the attributes to
+ * @param {object} attrs A key/value pair of attributes you want to apply
+ * @returns {undefined}
+ */
+ function _applyStyles(context, attrs) {
+ for (var attr in attrs) {
+ if (attrs.hasOwnProperty(attr)) {
+ context.style[attr] = attrs[attr];
+ }
+ }
+ }
+
+ /**
+ * Returns a DOM objects computed style
+ * @param {object} el The element you want to get the style from
+ * @param {string} styleProp The property you want to get from the element
+ * @returns {string} Returns a string of the value. If property is not set it will return a blank string
+ */
+ function _getStyle(el, styleProp) {
+ var x = el
+ , y = null;
+ if (window.getComputedStyle) {
+ y = document.defaultView.getComputedStyle(x, null).getPropertyValue(styleProp);
+ }
+ else if (x.currentStyle) {
+ y = x.currentStyle[styleProp];
+ }
+ return y;
+ }
+
+ /**
+ * Saves the current style state for the styles requested, then applys styles
+ * to overwrite the existing one. The old styles are returned as an object so
+ * you can pass it back in when you want to revert back to the old style
+ * @param {object} el The element to get the styles of
+ * @param {string} type Can be "save" or "apply". apply will just apply styles you give it. Save will write styles
+ * @param {object} styles Key/value style/property pairs
+ * @returns {object}
+ */
+ function _saveStyleState(el, type, styles) {
+ var returnState = {}
+ , style;
+ if (type === 'save') {
+ for (style in styles) {
+ if (styles.hasOwnProperty(style)) {
+ returnState[style] = _getStyle(el, style);
+ }
+ }
+ // After it's all done saving all the previous states, change the styles
+ _applyStyles(el, styles);
+ }
+ else if (type === 'apply') {
+ _applyStyles(el, styles);
+ }
+ return returnState;
+ }
+
+ /**
+ * Gets an elements total width including it's borders and padding
+ * @param {object} el The element to get the total width of
+ * @returns {int}
+ */
+ function _outerWidth(el) {
+ var b = parseInt(_getStyle(el, 'border-left-width'), 10) + parseInt(_getStyle(el, 'border-right-width'), 10)
+ , p = parseInt(_getStyle(el, 'padding-left'), 10) + parseInt(_getStyle(el, 'padding-right'), 10)
+ , w = el.offsetWidth
+ , t;
+ // For IE in case no border is set and it defaults to "medium"
+ if (isNaN(b)) { b = 0; }
+ t = b + p + w;
+ return t;
+ }
+
+ /**
+ * Gets an elements total height including it's borders and padding
+ * @param {object} el The element to get the total width of
+ * @returns {int}
+ */
+ function _outerHeight(el) {
+ var b = parseInt(_getStyle(el, 'border-top-width'), 10) + parseInt(_getStyle(el, 'border-bottom-width'), 10)
+ , p = parseInt(_getStyle(el, 'padding-top'), 10) + parseInt(_getStyle(el, 'padding-bottom'), 10)
+ , w = el.offsetHeight
+ , t;
+ // For IE in case no border is set and it defaults to "medium"
+ if (isNaN(b)) { b = 0; }
+ t = b + p + w;
+ return t;
+ }
+
+ /**
+ * Inserts a <link> tag specifically for CSS
+ * @param {string} path The path to the CSS file
+ * @param {object} context In what context you want to apply this to (document, iframe, etc)
+ * @param {string} id An id for you to reference later for changing properties of the <link>
+ * @returns {undefined}
+ */
+ function _insertCSSLink(path, context, id) {
+ id = id || '';
+ var headID = context.getElementsByTagName("head")[0]
+ , cssNode = context.createElement('link');
+
+ _applyAttrs(cssNode, {
+ type: 'text/css'
+ , id: id
+ , rel: 'stylesheet'
+ , href: path
+ , name: path
+ , media: 'screen'
+ });
+
+ headID.appendChild(cssNode);
+ }
+
+ // Simply replaces a class (o), to a new class (n) on an element provided (e)
+ function _replaceClass(e, o, n) {
+ e.className = e.className.replace(o, n);
+ }
+
+ // Feature detects an iframe to get the inner document for writing to
+ function _getIframeInnards(el) {
+ return el.contentDocument || el.contentWindow.document;
+ }
+
+ // Grabs the text from an element and preserves whitespace
+ function _getText(el) {
+ var theText;
+ // Make sure to check for type of string because if the body of the page
+ // doesn't have any text it'll be "" which is falsey and will go into
+ // the else which is meant for Firefox and shit will break
+ if (typeof document.body.innerText == 'string') {
+ theText = el.innerText;
+ }
+ else {
+ // First replace <br>s before replacing the rest of the HTML
+ theText = el.innerHTML.replace(/<br>/gi, "\n");
+ // Now we can clean the HTML
+ theText = theText.replace(/<(?:.|\n)*?>/gm, '');
+ // Now fix HTML entities
+ theText = theText.replace(/&lt;/gi, '<');
+ theText = theText.replace(/&gt;/gi, '>');
+ }
+ return theText;
+ }
+
+ function _setText(el, content) {
+ // If you want to know why we check for typeof string, see comment
+ // in the _getText function
+ if (typeof document.body.innerText == 'string') {
+ content = content.replace(/ /g, '\u00a0');
+ el.innerText = content;
+ }
+ else {
+ // Don't convert lt/gt characters as HTML when viewing the editor window
+ // TODO: Write a test to catch regressions for this
+ content = content.replace(/</g, '&lt;');
+ content = content.replace(/>/g, '&gt;');
+ content = content.replace(/\n/g, '<br>');
+ // Make sure to look for TWO spaces and replace with a space and &nbsp;
+ // If you find and replace every space with a &nbsp; text will not wrap.
+ // Hence the name (Non-Breaking-SPace).
+ content = content.replace(/\s\s/g, ' &nbsp;')
+ el.innerHTML = content;
+ }
+ return true;
+ }
+
+ /**
+ * Will return the version number if the browser is IE. If not will return -1
+ * TRY NEVER TO USE THIS AND USE FEATURE DETECTION IF POSSIBLE
+ * @returns {Number} -1 if false or the version number if true
+ */
+ function _isIE() {
+ var rv = -1 // Return value assumes failure.
+ , ua = navigator.userAgent
+ , re;
+ if (navigator.appName == 'Microsoft Internet Explorer') {
+ re = /MSIE ([0-9]{1,}[\.0-9]{0,})/;
+ if (re.exec(ua) != null) {
+ rv = parseFloat(RegExp.$1, 10);
+ }
+ }
+ return rv;
+ }
+
+ /**
+ * Same as the isIE(), but simply returns a boolean
+ * THIS IS TERRIBLE AND IS ONLY USED BECAUSE FULLSCREEN IN SAFARI IS BORKED
+ * If some other engine uses WebKit and has support for fullscreen they
+ * probably wont get native fullscreen until Safari's fullscreen is fixed
+ * @returns {Boolean} true if Safari
+ */
+ function _isSafari() {
+ var n = window.navigator;
+ return n.userAgent.indexOf('Safari') > -1 && n.userAgent.indexOf('Chrome') == -1;
+ }
+
+ /**
+ * Determines if supplied value is a function
+ * @param {object} object to determine type
+ */
+ function _isFunction(functionToCheck) {
+ var getType = {};
+ return functionToCheck && getType.toString.call(functionToCheck) === '[object Function]';
+ }
+
+ /**
+ * Overwrites obj1's values with obj2's and adds obj2's if non existent in obj1
+ * @param {boolean} [deepMerge=false] If true, will deep merge meaning it will merge sub-objects like {obj:obj2{foo:'bar'}}
+ * @param {object} first object
+ * @param {object} second object
+ * @returnss {object} a new object based on obj1 and obj2
+ */
+ function _mergeObjs() {
+ // copy reference to target object
+ var target = arguments[0] || {}
+ , i = 1
+ , length = arguments.length
+ , deep = false
+ , options
+ , name
+ , src
+ , copy
+
+ // Handle a deep copy situation
+ if (typeof target === "boolean") {
+ deep = target;
+ target = arguments[1] || {};
+ // skip the boolean and the target
+ i = 2;
+ }
+
+ // Handle case when target is a string or something (possible in deep copy)
+ if (typeof target !== "object" && !_isFunction(target)) {
+ target = {};
+ }
+ // extend jQuery itself if only one argument is passed
+ if (length === i) {
+ target = this;
+ --i;
+ }
+
+ for (; i < length; i++) {
+ // Only deal with non-null/undefined values
+ if ((options = arguments[i]) != null) {
+ // Extend the base object
+ for (name in options) {
+ // @NOTE: added hasOwnProperty check
+ if (options.hasOwnProperty(name)) {
+ src = target[name];
+ copy = options[name];
+ // Prevent never-ending loop
+ if (target === copy) {
+ continue;
+ }
+ // Recurse if we're merging object values
+ if (deep && copy && typeof copy === "object" && !copy.nodeType) {
+ target[name] = _mergeObjs(deep,
+ // Never move original objects, clone them
+ src || (copy.length != null ? [] : {})
+ , copy);
+ } else if (copy !== undefined) { // Don't bring in undefined values
+ target[name] = copy;
+ }
+ }
+ }
+ }
+ }
+
+ // Return the modified object
+ return target;
+ }
+
+ /**
+ * Initiates the EpicEditor object and sets up offline storage as well
+ * @class Represents an EpicEditor instance
+ * @param {object} options An optional customization object
+ * @returns {object} EpicEditor will be returned
+ */
+ function EpicEditor(options) {
+ // Default settings will be overwritten/extended by options arg
+ var self = this
+ , opts = options || {}
+ , _defaultFileSchema
+ , _defaultFile
+ , defaults = { container: 'epiceditor'
+ , basePath: 'epiceditor'
+ , clientSideStorage: true
+ , localStorageName: 'epiceditor'
+ , useNativeFullscreen: true
+ , file: { name: null
+ , defaultContent: ''
+ , autoSave: 100 // Set to false for no auto saving
+ }
+ , theme: { base: '/themes/base/epiceditor.css'
+ , preview: '/themes/preview/github.css'
+ , editor: '/themes/editor/epic-dark.css'
+ }
+ , focusOnLoad: false
+ , shortcut: { modifier: 18 // alt keycode
+ , fullscreen: 70 // f keycode
+ , preview: 80 // p keycode
+ }
+ , parser: typeof marked == 'function' ? marked : null
+ }
+ , defaultStorage;
+
+ self.settings = _mergeObjs(true, defaults, opts);
+
+ if (!(typeof self.settings.parser == 'function' && typeof self.settings.parser('TEST') == 'string')) {
+ self.settings.parser = function (str) {
+ return str;
+ }
+ }
+
+
+ // Grab the container element and save it to self.element
+ // if it's a string assume it's an ID and if it's an object
+ // assume it's a DOM element
+ if (typeof self.settings.container == 'string') {
+ self.element = document.getElementById(self.settings.container);
+ }
+ else if (typeof self.settings.container == 'object') {
+ self.element = self.settings.container;
+ }
+
+ // Figure out the file name. If no file name is given we'll use the ID.
+ // If there's no ID either we'll use a namespaced file name that's incremented
+ // based on the calling order. As long as it doesn't change, drafts will be saved.
+ if (!self.settings.file.name) {
+ if (typeof self.settings.container == 'string') {
+ self.settings.file.name = self.settings.container;
+ }
+ else if (typeof self.settings.container == 'object') {
+ if (self.element.id) {
+ self.settings.file.name = self.element.id;
+ }
+ else {
+ if (!EpicEditor._data.unnamedEditors) {
+ EpicEditor._data.unnamedEditors = [];
+ }
+ EpicEditor._data.unnamedEditors.push(self);
+ self.settings.file.name = '__epiceditor-untitled-' + EpicEditor._data.unnamedEditors.length;
+ }
+ }
+ }
+
+ // Protect the id and overwrite if passed in as an option
+ // TODO: Put underscrore to denote that this is private
+ self._instanceId = 'epiceditor-' + Math.round(Math.random() * 100000);
+ self._storage = {};
+ self._canSave = true;
+
+ // Setup local storage of files
+ self._defaultFileSchema = function () {
+ return {
+ content: self.settings.file.defaultContent
+ , created: new Date()
+ , modified: new Date()
+ }
+ }
+
+ if (localStorage && self.settings.clientSideStorage) {
+ this._storage = localStorage;
+ if (this._storage[self.settings.localStorageName] && self.getFiles(self.settings.file.name) === undefined) {
+ _defaultFile = self.getFiles(self.settings.file.name);
+ _defaultFile = self._defaultFileSchema();
+ _defaultFile.content = self.settings.file.defaultContent;
+ }
+ }
+
+ if (!this._storage[self.settings.localStorageName]) {
+ defaultStorage = {};
+ defaultStorage[self.settings.file.name] = self._defaultFileSchema();
+ defaultStorage = JSON.stringify(defaultStorage);
+ this._storage[self.settings.localStorageName] = defaultStorage;
+ }
+
+ // This needs to replace the use of classes to check the state of EE
+ self._eeState = {
+ fullscreen: false
+ , preview: false
+ , edit: false
+ , loaded: false
+ , unloaded: false
+ }
+
+ // Now that it exists, allow binding of events if it doesn't exist yet
+ if (!self.events) {
+ self.events = {};
+ }
+
+ return this;
+ }
+
+ /**
+ * Inserts the EpicEditor into the DOM via an iframe and gets it ready for editing and previewing
+ * @returns {object} EpicEditor will be returned
+ */
+ EpicEditor.prototype.load = function (callback) {
+
+ // Get out early if it's already loaded
+ if (this.is('loaded')) { return this; }
+
+ // TODO: Gotta get the privates with underscores!
+ // TODO: Gotta document what these are for...
+ var self = this
+ , _HtmlTemplates
+ , iframeElement
+ , baseTag
+ , utilBtns
+ , utilBar
+ , utilBarTimer
+ , keypressTimer
+ , mousePos = { y: -1, x: -1 }
+ , _elementStates
+ , _isInEdit
+ , nativeFs = false
+ , fsElement
+ , isMod = false
+ , isCtrl = false
+ , eventableIframes
+ , i; // i is reused for loops
+
+ if (self.settings.useNativeFullscreen) {
+ nativeFs = document.body.webkitRequestFullScreen ? true : false
+ }
+
+ // Fucking Safari's native fullscreen works terribly
+ // REMOVE THIS IF SAFARI 7 WORKS BETTER
+ if (_isSafari()) {
+ nativeFs = false;
+ }
+
+ // It opens edit mode by default (for now);
+ if (!self.is('edit') && !self.is('preview')) {
+ self._eeState.edit = true;
+ }
+
+ callback = callback || function () {};
+
+ // The editor HTML
+ // TODO: edit-mode class should be dynamically added
+ _HtmlTemplates = {
+ // This is wrapping iframe element. It contains the other two iframes and the utilbar
+ chrome: '<div id="epiceditor-wrapper" class="epiceditor-edit-mode">' +
+ '<iframe frameborder="0" id="epiceditor-editor-frame"></iframe>' +
+ '<iframe frameborder="0" id="epiceditor-previewer-frame"></iframe>' +
+ '<div id="epiceditor-utilbar">' +
+ '<img width="30" src="' + this.settings.basePath + '/images/preview.png" title="Toggle Preview Mode" class="epiceditor-toggle-btn epiceditor-toggle-preview-btn"> ' +
+ '<img width="30" src="' + this.settings.basePath + '/images/edit.png" title="Toggle Edit Mode" class="epiceditor-toggle-btn epiceditor-toggle-edit-btn"> ' +
+ '<img width="30" src="' + this.settings.basePath + '/images/fullscreen.png" title="Enter Fullscreen" class="epiceditor-fullscreen-btn">' +
+ '</div>' +
+ '</div>'
+
+ // The previewer is just an empty box for the generated HTML to go into
+ , previewer: '<div id="epiceditor-preview"></div>'
+ };
+
+ // Write an iframe and then select it for the editor
+ self.element.innerHTML = '<iframe scrolling="no" frameborder="0" id= "' + self._instanceId + '"></iframe>';
+
+ // Because browsers add things like invisible padding and margins and stuff
+ // to iframes, we need to set manually set the height so that the height
+ // doesn't keep increasing (by 2px?) every time reflow() is called.
+ // FIXME: Figure out how to fix this without setting this
+ self.element.style.height = self.element.offsetHeight + 'px';
+
+ iframeElement = document.getElementById(self._instanceId);
+
+ // Store a reference to the iframeElement itself
+ self.iframeElement = iframeElement;
+
+ // Grab the innards of the iframe (returns the document.body)
+ // TODO: Change self.iframe to self.iframeDocument
+ self.iframe = _getIframeInnards(iframeElement);
+ self.iframe.open();
+ self.iframe.write(_HtmlTemplates.chrome);
+
+ // Now that we got the innards of the iframe, we can grab the other iframes
+ self.editorIframe = self.iframe.getElementById('epiceditor-editor-frame')
+ self.previewerIframe = self.iframe.getElementById('epiceditor-previewer-frame');
+
+ // Setup the editor iframe
+ self.editorIframeDocument = _getIframeInnards(self.editorIframe);
+ self.editorIframeDocument.open();
+ // Need something for... you guessed it, Firefox
+ self.editorIframeDocument.write('');
+ self.editorIframeDocument.close();
+
+ // Setup the previewer iframe
+ self.previewerIframeDocument = _getIframeInnards(self.previewerIframe);
+ self.previewerIframeDocument.open();
+ self.previewerIframeDocument.write(_HtmlTemplates.previewer);
+
+ // Base tag is added so that links will open a new tab and not inside of the iframes
+ baseTag = self.previewerIframeDocument.createElement('base');
+ baseTag.target = '_blank';
+ self.previewerIframeDocument.getElementsByTagName('head')[0].appendChild(baseTag);
+
+ self.previewerIframeDocument.close();
+
+ self.reflow();
+
+ // Insert Base Stylesheet
+ _insertCSSLink(self.settings.basePath + self.settings.theme.base, self.iframe, 'theme');
+
+ // Insert Editor Stylesheet
+ _insertCSSLink(self.settings.basePath + self.settings.theme.editor, self.editorIframeDocument, 'theme');
+
+ // Insert Previewer Stylesheet
+ _insertCSSLink(self.settings.basePath + self.settings.theme.preview, self.previewerIframeDocument, 'theme');
+
+ // Add a relative style to the overall wrapper to keep CSS relative to the editor
+ self.iframe.getElementById('epiceditor-wrapper').style.position = 'relative';
+
+ // Now grab the editor and previewer for later use
+ self.editor = self.editorIframeDocument.body;
+ self.previewer = self.previewerIframeDocument.getElementById('epiceditor-preview');
+
+ self.editor.contentEditable = true;
+
+ // Firefox's <body> gets all fucked up so, to be sure, we need to hardcode it
+ self.iframe.body.style.height = this.element.offsetHeight + 'px';
+
+ // Should actually check what mode it's in!
+ this.previewerIframe.style.display = 'none';
+
+ // FIXME figure out why it needs +2 px
+ if (_isIE() > -1) {
+ this.previewer.style.height = parseInt(_getStyle(this.previewer, 'height'), 10) + 2;
+ }
+
+ // If there is a file to be opened with that filename and it has content...
+ this.open(self.settings.file.name);
+
+ if (self.settings.focusOnLoad) {
+ // We need to wait until all three iframes are done loading by waiting until the parent
+ // iframe's ready state == complete, then we can focus on the contenteditable
+ self.iframe.addEventListener('readystatechange', function () {
+ if (self.iframe.readyState == 'complete') {
+ self.editorIframeDocument.body.focus();
+ }
+ });
+ }
+
+ utilBtns = self.iframe.getElementById('epiceditor-utilbar');
+
+ _elementStates = {}
+ self._goFullscreen = function (el) {
+
+ if (self.is('fullscreen')) {
+ self._exitFullscreen(el);
+ return;
+ }
+
+ if (nativeFs) {
+ el.webkitRequestFullScreen();
+ }
+
+ _isInEdit = self.is('edit');
+
+ // Set the state of EE in fullscreen
+ // We set edit and preview to true also because they're visible
+ // we might want to allow fullscreen edit mode without preview (like a "zen" mode)
+ self._eeState.fullscreen = true;
+ self._eeState.edit = true;
+ self._eeState.preview = true;
+
+ // Cache calculations
+ var windowInnerWidth = window.innerWidth
+ , windowInnerHeight = window.innerHeight
+ , windowOuterWidth = window.outerWidth
+ , windowOuterHeight = window.outerHeight;
+
+ // Without this the scrollbars will get hidden when scrolled to the bottom in faux fullscreen (see #66)
+ if (!nativeFs) {
+ windowOuterHeight = window.innerHeight;
+ }
+
+ // This MUST come first because the editor is 100% width so if we change the width of the iframe or wrapper
+ // the editor's width wont be the same as before
+ _elementStates.editorIframe = _saveStyleState(self.editorIframe, 'save', {
+ 'width': windowOuterWidth / 2 + 'px'
+ , 'height': windowOuterHeight + 'px'
+ , 'float': 'left' // Most browsers
+ , 'cssFloat': 'left' // FF
+ , 'styleFloat': 'left' // Older IEs
+ , 'display': 'block'
+ });
+
+ // the previewer
+ _elementStates.previewerIframe = _saveStyleState(self.previewerIframe, 'save', {
+ 'width': windowOuterWidth / 2 + 'px'
+ , 'height': windowOuterHeight + 'px'
+ , 'float': 'right' // Most browsers
+ , 'cssFloat': 'right' // FF
+ , 'styleFloat': 'right' // Older IEs
+ , 'display': 'block'
+ });
+
+ // Setup the containing element CSS for fullscreen
+ _elementStates.element = _saveStyleState(self.element, 'save', {
+ 'position': 'fixed'
+ , 'top': '0'
+ , 'left': '0'
+ , 'width': '100%'
+ , 'z-index': '9999' // Most browsers
+ , 'zIndex': '9999' // Firefox
+ , 'border': 'none'
+ , 'margin': '0'
+ // Should use the base styles background!
+ , 'background': _getStyle(self.editor, 'background-color') // Try to hide the site below
+ , 'height': windowInnerHeight + 'px'
+ });
+
+ // The iframe element
+ _elementStates.iframeElement = _saveStyleState(self.iframeElement, 'save', {
+ 'width': windowOuterWidth + 'px'
+ , 'height': windowInnerHeight + 'px'
+ });
+
+ // ...Oh, and hide the buttons and prevent scrolling
+ utilBtns.style.visibility = 'hidden';
+
+ if (!nativeFs) {
+ document.body.style.overflow = 'hidden';
+ }
+
+ self.preview();
+
+ self.editorIframeDocument.body.focus();
+
+ self.emit('fullscreenenter');
+ };
+
+ self._exitFullscreen = function (el) {
+ _saveStyleState(self.element, 'apply', _elementStates.element);
+ _saveStyleState(self.iframeElement, 'apply', _elementStates.iframeElement);
+ _saveStyleState(self.editorIframe, 'apply', _elementStates.editorIframe);
+ _saveStyleState(self.previewerIframe, 'apply', _elementStates.previewerIframe);
+
+ // We want to always revert back to the original styles in the CSS so,
+ // if it's a fluid width container it will expand on resize and not get
+ // stuck at a specific width after closing fullscreen.
+ self.element.style.width = self._eeState.reflowWidth ? self._eeState.reflowWidth : '';
+ self.element.style.height = self._eeState.reflowHeight ? self._eeState.reflowHeight : '';
+
+ utilBtns.style.visibility = 'visible';
+
+ if (!nativeFs) {
+ document.body.style.overflow = 'auto';
+ }
+ else {
+ document.webkitCancelFullScreen();
+ }
+ // Put the editor back in the right state
+ // TODO: This is ugly... how do we make this nicer?
+ self._eeState.fullscreen = false;
+
+ if (_isInEdit) {
+ self.edit();
+ }
+ else {
+ self.preview();
+ }
+
+ self.reflow();
+
+ self.emit('fullscreenexit');
+ };
+
+ // This setups up live previews by triggering preview() IF in fullscreen on keyup
+ self.editor.addEventListener('keyup', function () {
+ if (keypressTimer) {
+ window.clearTimeout(keypressTimer);
+ }
+ keypressTimer = window.setTimeout(function () {
+ if (self.is('fullscreen')) {
+ self.preview();
+ }
+ }, 250);
+ });
+
+ fsElement = self.iframeElement;
+
+ // Sets up the onclick event on utility buttons
+ utilBtns.addEventListener('click', function (e) {
+ var targetClass = e.target.className;
+ if (targetClass.indexOf('epiceditor-toggle-preview-btn') > -1) {
+ self.preview();
+ }
+ else if (targetClass.indexOf('epiceditor-toggle-edit-btn') > -1) {
+ self.edit();
+ }
+ else if (targetClass.indexOf('epiceditor-fullscreen-btn') > -1) {
+ self._goFullscreen(fsElement);
+ }
+ });
+
+ // Sets up the NATIVE fullscreen editor/previewer for WebKit
+ if (document.body.webkitRequestFullScreen) {
+ fsElement.addEventListener('webkitfullscreenchange', function () {
+ if (!document.webkitIsFullScreen) {
+ self._exitFullscreen(fsElement);
+ }
+ }, false);
+ }
+
+ utilBar = self.iframe.getElementById('epiceditor-utilbar');
+
+ // Hide it at first until they move their mouse
+ utilBar.style.display = 'none';
+
+ utilBar.addEventListener('mouseover', function () {
+ if (utilBarTimer) {
+ clearTimeout(utilBarTimer);
+ }
+ });
+
+ function utilBarHandler(e) {
+ // Here we check if the mouse has moves more than 5px in any direction before triggering the mousemove code
+ // we do this for 2 reasons:
+ // 1. On Mac OS X lion when you scroll and it does the iOS like "jump" when it hits the top/bottom of the page itll fire off
+ // a mousemove of a few pixels depending on how hard you scroll
+ // 2. We give a slight buffer to the user in case he barely touches his touchpad or mouse and not trigger the UI
+ if (Math.abs(mousePos.y - e.pageY) >= 5 || Math.abs(mousePos.x - e.pageX) >= 5) {
+ utilBar.style.display = 'block';
+ // if we have a timer already running, kill it out
+ if (utilBarTimer) {
+ clearTimeout(utilBarTimer);
+ }
+
+ // begin a new timer that hides our object after 1000 ms
+ utilBarTimer = window.setTimeout(function () {
+ utilBar.style.display = 'none';
+ }, 1000);
+ }
+ mousePos = { y: e.pageY, x: e.pageX };
+ }
+
+ // Add keyboard shortcuts for convenience.
+ function shortcutHandler(e) {
+ if (e.keyCode == self.settings.shortcut.modifier) { isMod = true } // check for modifier press(default is alt key), save to var
+ if (e.keyCode == 17) { isCtrl = true } // check for ctrl/cmnd press, in order to catch ctrl/cmnd + s
+
+ // Check for alt+p and make sure were not in fullscreen - default shortcut to switch to preview
+ if (isMod === true && e.keyCode == self.settings.shortcut.preview && !self.is('fullscreen')) {
+ e.preventDefault();
+ if (self.is('edit')) {
+ self.preview();
+ }
+ else {
+ self.edit();
+ }
+ }
+ // Check for alt+f - default shortcut to make editor fullscreen
+ if (isMod === true && e.keyCode == self.settings.shortcut.fullscreen) {
+ e.preventDefault();
+ self._goFullscreen(fsElement);
+ }
+
+ // Set the modifier key to false once *any* key combo is completed
+ // or else, on Windows, hitting the alt key will lock the isMod state to true (ticket #133)
+ if (isMod === true && e.keyCode !== self.settings.shortcut.modifier) {
+ isMod = false;
+ }
+
+ // When a user presses "esc", revert everything!
+ if (e.keyCode == 27 && self.is('fullscreen')) {
+ self._exitFullscreen(fsElement);
+ }
+
+ // Check for ctrl + s (since a lot of people do it out of habit) and make it do nothing
+ if (isCtrl === true && e.keyCode == 83) {
+ self.save();
+ e.preventDefault();
+ isCtrl = false;
+ }
+
+ // Do the same for Mac now (metaKey == cmd).
+ if (e.metaKey && e.keyCode == 83) {
+ self.save();
+ e.preventDefault();
+ }
+
+ }
+
+ function shortcutUpHandler(e) {
+ if (e.keyCode == self.settings.shortcut.modifier) { isMod = false }
+ if (e.keyCode == 17) { isCtrl = false }
+ }
+
+ // Hide and show the util bar based on mouse movements
+ eventableIframes = [self.previewerIframeDocument, self.editorIframeDocument];
+
+ for (i = 0; i < eventableIframes.length; i++) {
+ eventableIframes[i].addEventListener('mousemove', function (e) {
+ utilBarHandler(e);
+ });
+ eventableIframes[i].addEventListener('scroll', function (e) {
+ utilBarHandler(e);
+ });
+ eventableIframes[i].addEventListener('keyup', function (e) {
+ shortcutUpHandler(e);
+ });
+ eventableIframes[i].addEventListener('keydown', function (e) {
+ shortcutHandler(e);
+ });
+ }
+
+ // Save the document every 100ms by default
+ if (self.settings.file.autoSave) {
+ self.saveInterval = window.setInterval(function () {
+ if (!self._canSave) {
+ return;
+ }
+ self.save();
+ }, self.settings.file.autoSave);
+ }
+
+ window.addEventListener('resize', function () {
+ // If NOT webkit, and in fullscreen, we need to account for browser resizing
+ // we don't care about webkit because you can't resize in webkit's fullscreen
+ if (!self.iframe.webkitRequestFullScreen && self.is('fullscreen')) {
+ _applyStyles(self.iframeElement, {
+ 'width': window.outerWidth + 'px'
+ , 'height': window.innerHeight + 'px'
+ });
+
+ _applyStyles(self.element, {
+ 'height': window.innerHeight + 'px'
+ });
+
+ _applyStyles(self.previewerIframe, {
+ 'width': window.outerWidth / 2 + 'px'
+ , 'height': window.innerHeight + 'px'
+ });
+
+ _applyStyles(self.editorIframe, {
+ 'width': window.outerWidth / 2 + 'px'
+ , 'height': window.innerHeight + 'px'
+ });
+ }
+ // Makes the editor support fluid width when not in fullscreen mode
+ else if (!self.is('fullscreen')) {
+ self.reflow();
+ }
+ });
+
+ // Set states before flipping edit and preview modes
+ self._eeState.loaded = true;
+ self._eeState.unloaded = false;
+
+ if (self.is('preview')) {
+ self.preview();
+ }
+ else {
+ self.edit();
+ }
+
+ self.iframe.close();
+ // The callback and call are the same thing, but different ways to access them
+ callback.call(this);
+ this.emit('load');
+ return this;
+ }
+
+ /**
+ * Will remove the editor, but not offline files
+ * @returns {object} EpicEditor will be returned
+ */
+ EpicEditor.prototype.unload = function (callback) {
+
+ // Make sure the editor isn't already unloaded.
+ if (this.is('unloaded')) {
+ throw new Error('Editor isn\'t loaded');
+ }
+
+ var self = this
+ , editor = window.parent.document.getElementById(self._instanceId);
+
+ editor.parentNode.removeChild(editor);
+ self._eeState.loaded = false;
+ self._eeState.unloaded = true;
+ callback = callback || function () {};
+
+ if (self.saveInterval) {
+ window.clearInterval(self.saveInterval);
+ }
+
+ callback.call(this);
+ self.emit('unload');
+ return self;
+ }
+
+ /**
+ * reflow allows you to dynamically re-fit the editor in the parent without
+ * having to unload and then reload the editor again.
+ *
+ * @param {string} kind Can either be 'width' or 'height' or null
+ * if null, both the height and width will be resized
+ *
+ * @returns {object} EpicEditor will be returned
+ */
+ EpicEditor.prototype.reflow = function (kind) {
+ var self = this
+ , widthDiff = _outerWidth(self.element) - self.element.offsetWidth
+ , heightDiff = _outerHeight(self.element) - self.element.offsetHeight
+ , elements = [self.iframeElement, self.editorIframe, self.previewerIframe]
+ , newWidth
+ , newHeight;
+
+
+ for (var x = 0; x < elements.length; x++) {
+ if (!kind || kind == 'width') {
+ newWidth = self.element.offsetWidth - widthDiff + 'px';
+ elements[x].style.width = newWidth;
+ self._eeState.reflowWidth = newWidth;
+ }
+ if (!kind || kind == 'height') {
+ newHeight = self.element.offsetHeight - heightDiff + 'px';
+ elements[x].style.height = newHeight;
+ self._eeState.reflowHeight = newHeight
+ }
+ }
+ return self;
+ }
+
+ /**
+ * Will take the markdown and generate a preview view based on the theme
+ * @param {string} theme The path to the theme you want to preview in
+ * @returns {object} EpicEditor will be returned
+ */
+ EpicEditor.prototype.preview = function (theme) {
+ var self = this
+ , x
+ , anchors;
+
+ theme = theme || self.settings.basePath + self.settings.theme.preview;
+
+ _replaceClass(self.getElement('wrapper'), 'epiceditor-edit-mode', 'epiceditor-preview-mode');
+
+ // Check if no CSS theme link exists
+ if (!self.previewerIframeDocument.getElementById('theme')) {
+ _insertCSSLink(theme, self.previewerIframeDocument, 'theme');
+ }
+ else if (self.previewerIframeDocument.getElementById('theme').name !== theme) {
+ self.previewerIframeDocument.getElementById('theme').href = theme;
+ }
+
+ // Add the generated HTML into the previewer
+ self.previewer.innerHTML = self.exportFile(null, 'html');
+
+ // Because we have a <base> tag so all links open in a new window we
+ // need to prevent hash links from opening in a new window
+ anchors = self.previewer.getElementsByTagName('a');
+ for (x in anchors) {
+ // If the link is a hash AND the links hostname is the same as the
+ // current window's hostname (same page) then set the target to self
+ if (anchors[x].hash && anchors[x].hostname == window.location.hostname) {
+ anchors[x].target = '_self';
+ }
+ }
+
+ // Hide the editor and display the previewer
+ if (!self.is('fullscreen')) {
+ self.editorIframe.style.display = 'none';
+ self.previewerIframe.style.display = 'block';
+ self._eeState.preview = true;
+ self._eeState.edit = false;
+ self.previewerIframe.focus();
+ }
+
+ self.emit('preview');
+ return self;
+ }
+
+ /**
+ * Puts the editor into fullscreen mode
+ * @returns {object} EpicEditor will be returned
+ */
+ EpicEditor.prototype.enterFullscreen = function () {
+ if (this.is('fullscreen')) { return this; }
+ this._goFullscreen(this.iframeElement);
+ return this;
+ }
+
+ /**
+ * Closes fullscreen mode if opened
+ * @returns {object} EpicEditor will be returned
+ */
+ EpicEditor.prototype.exitFullscreen = function () {
+ if (!this.is('fullscreen')) { return this; }
+ this._exitFullscreen(this.iframeElement);
+ return this;
+ }
+
+ /**
+ * Hides the preview and shows the editor again
+ * @returns {object} EpicEditor will be returned
+ */
+ EpicEditor.prototype.edit = function () {
+ var self = this;
+ _replaceClass(self.getElement('wrapper'), 'epiceditor-preview-mode', 'epiceditor-edit-mode');
+ self._eeState.preview = false;
+ self._eeState.edit = true;
+ self.editorIframe.style.display = 'block';
+ self.previewerIframe.style.display = 'none';
+ self.editorIframe.focus();
+ self.emit('edit');
+ return this;
+ }
+
+ /**
+ * Grabs a specificed HTML node. Use it as a shortcut to getting the iframe contents
+ * @param {String} name The name of the node (can be document, body, editor, previewer, or wrapper)
+ * @returns {Object|Null}
+ */
+ EpicEditor.prototype.getElement = function (name) {
+ var available = {
+ "container": this.element
+ , "wrapper": this.iframe.getElementById('epiceditor-wrapper')
+ , "wrapperIframe": this.iframeElement
+ , "editor": this.editorIframeDocument
+ , "editorIframe": this.editorIframe
+ , "previewer": this.previewerIframeDocument
+ , "previewerIframe": this.previewerIframe
+ }
+
+ // Check that the given string is a possible option and verify the editor isn't unloaded
+ // without this, you'd be given a reference to an object that no longer exists in the DOM
+ if (!available[name] || this.is('unloaded')) {
+ return null;
+ }
+ else {
+ return available[name];
+ }
+ }
+
+ /**
+ * Returns a boolean of each "state" of the editor. For example "editor.is('loaded')" // returns true/false
+ * @param {String} what the state you want to check for
+ * @returns {Boolean}
+ */
+ EpicEditor.prototype.is = function (what) {
+ var self = this;
+ switch (what) {
+ case 'loaded':
+ return self._eeState.loaded;
+ case 'unloaded':
+ return self._eeState.unloaded
+ case 'preview':
+ return self._eeState.preview
+ case 'edit':
+ return self._eeState.edit;
+ case 'fullscreen':
+ return self._eeState.fullscreen;
+ default:
+ return false;
+ }
+ }
+
+ /**
+ * Opens a file
+ * @param {string} name The name of the file you want to open
+ * @returns {object} EpicEditor will be returned
+ */
+ EpicEditor.prototype.open = function (name) {
+ var self = this
+ , defaultContent = self.settings.file.defaultContent
+ , fileObj;
+ name = name || self.settings.file.name;
+ self.settings.file.name = name;
+ if (this._storage[self.settings.localStorageName]) {
+ fileObj = self.getFiles();
+ if (fileObj[name] !== undefined) {
+ _setText(self.editor, fileObj[name].content);
+ self.emit('read');
+ }
+ else {
+ _setText(self.editor, defaultContent);
+ self.save(); // ensure a save
+ self.emit('create');
+ }
+ self.previewer.innerHTML = self.exportFile(null, 'html');
+ self.emit('open');
+ }
+ return this;
+ }
+
+ /**
+ * Saves content for offline use
+ * @returns {object} EpicEditor will be returned
+ */
+ EpicEditor.prototype.save = function () {
+ var self = this
+ , storage
+ , isUpdate = false
+ , file = self.settings.file.name
+ , content = _getText(this.editor);
+
+ // This could have been false but since we're manually saving
+ // we know it's save to start autoSaving again
+ this._canSave = true;
+
+ storage = JSON.parse(this._storage[self.settings.localStorageName]);
+
+ // If the file doesn't exist we need to create it
+ if (storage[file] === undefined) {
+ storage[file] = self._defaultFileSchema();
+ }
+
+ // If it does, we need to check if the content is different and
+ // if it is, send the update event and update the timestamp
+ else if (content !== storage[file].content) {
+ storage[file].modified = new Date();
+ isUpdate = true;
+ }
+
+ storage[file].content = content;
+ this._storage[self.settings.localStorageName] = JSON.stringify(storage);
+
+ // After the content is actually changed, emit update so it emits the updated content
+ if (isUpdate) {
+ self.emit('update');
+ }
+
+ this.emit('save');
+ return this;
+ }
+
+ /**
+ * Removes a page
+ * @param {string} name The name of the file you want to remove from localStorage
+ * @returns {object} EpicEditor will be returned
+ */
+ EpicEditor.prototype.remove = function (name) {
+ var self = this
+ , s;
+ name = name || self.settings.file.name;
+
+ // If you're trying to delete a page you have open, block saving
+ if (name == self.settings.file.name) {
+ self._canSave = false;
+ }
+
+ s = JSON.parse(this._storage[self.settings.localStorageName]);
+ delete s[name];
+ this._storage[self.settings.localStorageName] = JSON.stringify(s);
+ this.emit('remove');
+ return this;
+ };
+
+ /**
+ * Renames a file
+ * @param {string} oldName The old file name
+ * @param {string} newName The new file name
+ * @returns {object} EpicEditor will be returned
+ */
+ EpicEditor.prototype.rename = function (oldName, newName) {
+ var self = this
+ , s = JSON.parse(this._storage[self.settings.localStorageName]);
+ s[newName] = s[oldName];
+ delete s[oldName];
+ this._storage[self.settings.localStorageName] = JSON.stringify(s);
+ self.open(newName);
+ return this;
+ };
+
+ /**
+ * Imports a file and it's contents and opens it
+ * @param {string} name The name of the file you want to import (will overwrite existing files!)
+ * @param {string} content Content of the file you want to import
+ * @param {string} kind The kind of file you want to import (TBI)
+ * @param {object} meta Meta data you want to save with your file.
+ * @returns {object} EpicEditor will be returned
+ */
+ EpicEditor.prototype.importFile = function (name, content, kind, meta) {
+ var self = this
+ , isNew = false;
+
+ name = name || self.settings.file.name;
+ content = content || '';
+ kind = kind || 'md';
+ meta = meta || {};
+
+ if (JSON.parse(this._storage[self.settings.localStorageName])[name] === undefined) {
+ isNew = true;
+ }
+
+ // Set our current file to the new file and update the content
+ self.settings.file.name = name;
+ _setText(self.editor, content);
+
+ if (isNew) {
+ self.emit('create');
+ }
+
+ self.save();
+
+ if (self.is('fullscreen')) {
+ self.preview();
+ }
+
+ return this;
+ };
+
+ /**
+ * Exports a file as a string in a supported format
+ * @param {string} name Name of the file you want to export (case sensitive)
+ * @param {string} kind Kind of file you want the content in (currently supports html and text)
+ * @returns {string|undefined} The content of the file in the content given or undefined if it doesn't exist
+ */
+ EpicEditor.prototype.exportFile = function (name, kind) {
+ var self = this
+ , file
+ , content;
+
+ name = name || self.settings.file.name;
+ kind = kind || 'text';
+
+ file = self.getFiles(name);
+
+ // If the file doesn't exist just return early with undefined
+ if (file === undefined) {
+ return;
+ }
+
+ content = file.content;
+
+ switch (kind) {
+ case 'html':
+ // Get this, 2 spaces in a content editable actually converts to:
+ // 0020 00a0, meaning, "space no-break space". So, manually convert
+ // no-break spaces to spaces again before handing to marked.
+ // Also, WebKit converts no-break to unicode equivalent and FF HTML.
+ content = content.replace(/\u00a0/g, ' ').replace(/&nbsp;/g, ' ');
+ return self.settings.parser(content);
+ case 'text':
+ content = content.replace(/\u00a0/g, ' ').replace(/&nbsp;/g, ' ');
+ return content;
+ default:
+ return content;
+ }
+ }
+
+ EpicEditor.prototype.getFiles = function (name) {
+ var files = JSON.parse(this._storage[this.settings.localStorageName]);
+ if (name) {
+ return files[name];
+ }
+ else {
+ return files;
+ }
+ }
+
+ // EVENTS
+ // TODO: Support for namespacing events like "preview.foo"
+ /**
+ * Sets up an event handler for a specified event
+ * @param {string} ev The event name
+ * @param {function} handler The callback to run when the event fires
+ * @returns {object} EpicEditor will be returned
+ */
+ EpicEditor.prototype.on = function (ev, handler) {
+ var self = this;
+ if (!this.events[ev]) {
+ this.events[ev] = [];
+ }
+ this.events[ev].push(handler);
+ return self;
+ };
+
+ /**
+ * This will emit or "trigger" an event specified
+ * @param {string} ev The event name
+ * @param {any} data Any data you want to pass into the callback
+ * @returns {object} EpicEditor will be returned
+ */
+ EpicEditor.prototype.emit = function (ev, data) {
+ var self = this
+ , x;
+
+ data = data || self.getFiles(self.settings.file.name);
+
+ if (!this.events[ev]) {
+ return;
+ }
+
+ function invokeHandler(handler) {
+ handler.call(self, data);
+ }
+
+ for (x = 0; x < self.events[ev].length; x++) {
+ invokeHandler(self.events[ev][x]);
+ }
+
+ return self;
+ };
+
+ /**
+ * Will remove any listeners added from EpicEditor.on()
+ * @param {string} ev The event name
+ * @param {function} handler Handler to remove
+ * @returns {object} EpicEditor will be returned
+ */
+ EpicEditor.prototype.removeListener = function (ev, handler) {
+ var self = this;
+ if (!handler) {
+ this.events[ev] = [];
+ return self;
+ }
+ if (!this.events[ev]) {
+ return self;
+ }
+ // Otherwise a handler and event exist, so take care of it
+ this.events[ev].splice(this.events[ev].indexOf(handler), 1);
+ return self;
+ }
+
+ EpicEditor.version = '0.2.0';
+
+ // Used to store information to be shared across editors
+ EpicEditor._data = {};
+
+ window.EpicEditor = EpicEditor;
+})(window);
+
+/**
+ * marked - A markdown parser (https://github.com/chjj/marked)
+ * Copyright (c) 2011-2012, Christopher Jeffrey. (MIT Licensed)
+ */
+
+;(function() {
+
+/**
+ * Block-Level Grammar
+ */
+
+var block = {
+ newline: /^\n+/,
+ code: /^( {4}[^\n]+\n*)+/,
+ fences: noop,
+ hr: /^( *[-*_]){3,} *(?:\n+|$)/,
+ heading: /^ *(#{1,6}) *([^\n]+?) *#* *(?:\n+|$)/,
+ lheading: /^([^\n]+)\n *(=|-){3,} *\n*/,
+ blockquote: /^( *>[^\n]+(\n[^\n]+)*\n*)+/,
+ list: /^( *)(bull) [^\0]+?(?:hr|\n{2,}(?! )(?!\1bull )\n*|\s*$)/,
+ html: /^ *(?:comment|closed|closing) *(?:\n{2,}|\s*$)/,
+ def: /^ *\[([^\]]+)\]: *([^\s]+)(?: +["(]([^\n]+)[")])? *(?:\n+|$)/,
+ paragraph: /^([^\n]+\n?(?!body))+\n*/,
+ text: /^[^\n]+/
+};
+
+block.bullet = /(?:[*+-]|\d+\.)/;
+block.item = /^( *)(bull) [^\n]*(?:\n(?!\1bull )[^\n]*)*/;
+block.item = replace(block.item, 'gm')
+ (/bull/g, block.bullet)
+ ();
+
+block.list = replace(block.list)
+ (/bull/g, block.bullet)
+ ('hr', /\n+(?=(?: *[-*_]){3,} *(?:\n+|$))/)
+ ();
+
+block.html = replace(block.html)
+ ('comment', /<!--[^\0]*?-->/)
+ ('closed', /<(tag)[^\0]+?<\/\1>/)
+ ('closing', /<tag(?!:\/|@)\b(?:"[^"]*"|'[^']*'|[^'">])*?>/)
+ (/tag/g, tag())
+ ();
+
+block.paragraph = (function() {
+ var paragraph = block.paragraph.source
+ , body = [];
+
+ (function push(rule) {
+ rule = block[rule] ? block[rule].source : rule;
+ body.push(rule.replace(/(^|[^\[])\^/g, '$1'));
+ return push;
+ })
+ ('hr')
+ ('heading')
+ ('lheading')
+ ('blockquote')
+ ('<' + tag())
+ ('def');
+
+ return new
+ RegExp(paragraph.replace('body', body.join('|')));
+})();
+
+block.normal = {
+ fences: block.fences,
+ paragraph: block.paragraph
+};
+
+block.gfm = {
+ fences: /^ *``` *(\w+)? *\n([^\0]+?)\s*``` *(?:\n+|$)/,
+ paragraph: /^/
+};
+
+block.gfm.paragraph = replace(block.paragraph)
+ ('(?!', '(?!' + block.gfm.fences.source.replace(/(^|[^\[])\^/g, '$1') + '|')
+ ();
+
+/**
+ * Block Lexer
+ */
+
+block.lexer = function(src) {
+ var tokens = [];
+
+ tokens.links = {};
+
+ src = src
+ .replace(/\r\n|\r/g, '\n')
+ .replace(/\t/g, ' ');
+
+ return block.token(src, tokens, true);
+};
+
+block.token = function(src, tokens, top) {
+ var src = src.replace(/^ +$/gm, '')
+ , next
+ , loose
+ , cap
+ , item
+ , space
+ , i
+ , l;
+
+ while (src) {
+ // newline
+ if (cap = block.newline.exec(src)) {
+ src = src.substring(cap[0].length);
+ if (cap[0].length > 1) {
+ tokens.push({
+ type: 'space'
+ });
+ }
+ }
+
+ // code
+ if (cap = block.code.exec(src)) {
+ src = src.substring(cap[0].length);
+ cap = cap[0].replace(/^ {4}/gm, '');
+ tokens.push({
+ type: 'code',
+ text: !options.pedantic
+ ? cap.replace(/\n+$/, '')
+ : cap
+ });
+ continue;
+ }
+
+ // fences (gfm)
+ if (cap = block.fences.exec(src)) {
+ src = src.substring(cap[0].length);
+ tokens.push({
+ type: 'code',
+ lang: cap[1],
+ text: cap[2]
+ });
+ continue;
+ }
+
+ // heading
+ if (cap = block.heading.exec(src)) {
+ src = src.substring(cap[0].length);
+ tokens.push({
+ type: 'heading',
+ depth: cap[1].length,
+ text: cap[2]
+ });
+ continue;
+ }
+
+ // lheading
+ if (cap = block.lheading.exec(src)) {
+ src = src.substring(cap[0].length);
+ tokens.push({
+ type: 'heading',
+ depth: cap[2] === '=' ? 1 : 2,
+ text: cap[1]
+ });
+ continue;
+ }
+
+ // hr
+ if (cap = block.hr.exec(src)) {
+ src = src.substring(cap[0].length);
+ tokens.push({
+ type: 'hr'
+ });
+ continue;
+ }
+
+ // blockquote
+ if (cap = block.blockquote.exec(src)) {
+ src = src.substring(cap[0].length);
+
+ tokens.push({
+ type: 'blockquote_start'
+ });
+
+ cap = cap[0].replace(/^ *> ?/gm, '');
+
+ // Pass `top` to keep the current
+ // "toplevel" state. This is exactly
+ // how markdown.pl works.
+ block.token(cap, tokens, top);
+
+ tokens.push({
+ type: 'blockquote_end'
+ });
+
+ continue;
+ }
+
+ // list
+ if (cap = block.list.exec(src)) {
+ src = src.substring(cap[0].length);
+
+ tokens.push({
+ type: 'list_start',
+ ordered: isFinite(cap[2])
+ });
+
+ // Get each top-level item.
+ cap = cap[0].match(block.item);
+
+ next = false;
+ l = cap.length;
+ i = 0;
+
+ for (; i < l; i++) {
+ item = cap[i];
+
+ // Remove the list item's bullet
+ // so it is seen as the next token.
+ space = item.length;
+ item = item.replace(/^ *([*+-]|\d+\.) +/, '');
+
+ // Outdent whatever the
+ // list item contains. Hacky.
+ if (~item.indexOf('\n ')) {
+ space -= item.length;
+ item = !options.pedantic
+ ? item.replace(new RegExp('^ {1,' + space + '}', 'gm'), '')
+ : item.replace(/^ {1,4}/gm, '');
+ }
+
+ // Determine whether item is loose or not.
+ // Use: /(^|\n)(?! )[^\n]+\n\n(?!\s*$)/
+ // for discount behavior.
+ loose = next || /\n\n(?!\s*$)/.test(item);
+ if (i !== l - 1) {
+ next = item[item.length-1] === '\n';
+ if (!loose) loose = next;
+ }
+
+ tokens.push({
+ type: loose
+ ? 'loose_item_start'
+ : 'list_item_start'
+ });
+
+ // Recurse.
+ block.token(item, tokens);
+
+ tokens.push({
+ type: 'list_item_end'
+ });
+ }
+
+ tokens.push({
+ type: 'list_end'
+ });
+
+ continue;
+ }
+
+ // html
+ if (cap = block.html.exec(src)) {
+ src = src.substring(cap[0].length);
+ tokens.push({
+ type: 'html',
+ pre: cap[1] === 'pre',
+ text: cap[0]
+ });
+ continue;
+ }
+
+ // def
+ if (top && (cap = block.def.exec(src))) {
+ src = src.substring(cap[0].length);
+ tokens.links[cap[1].toLowerCase()] = {
+ href: cap[2],
+ title: cap[3]
+ };
+ continue;
+ }
+
+ // top-level paragraph
+ if (top && (cap = block.paragraph.exec(src))) {
+ src = src.substring(cap[0].length);
+ tokens.push({
+ type: 'paragraph',
+ text: cap[0]
+ });
+ continue;
+ }
+
+ // text
+ if (cap = block.text.exec(src)) {
+ // Top-level should never reach here.
+ src = src.substring(cap[0].length);
+ tokens.push({
+ type: 'text',
+ text: cap[0]
+ });
+ continue;
+ }
+ }
+
+ return tokens;
+};
+
+/**
+ * Inline Processing
+ */
+
+var inline = {
+ escape: /^\\([\\`*{}\[\]()#+\-.!_>])/,
+ autolink: /^<([^ >]+(@|:\/)[^ >]+)>/,
+ url: noop,
+ tag: /^<!--[^\0]*?-->|^<\/?\w+(?:"[^"]*"|'[^']*'|[^'">])*?>/,
+ link: /^!?\[(inside)\]\(href\)/,
+ reflink: /^!?\[(inside)\]\s*\[([^\]]*)\]/,
+ nolink: /^!?\[((?:\[[^\]]*\]|[^\[\]])*)\]/,
+ strong: /^__([^\0]+?)__(?!_)|^\*\*([^\0]+?)\*\*(?!\*)/,
+ em: /^\b_((?:__|[^\0])+?)_\b|^\*((?:\*\*|[^\0])+?)\*(?!\*)/,
+ code: /^(`+)([^\0]*?[^`])\1(?!`)/,
+ br: /^ {2,}\n(?!\s*$)/,
+ text: /^[^\0]+?(?=[\\<!\[_*`]| {2,}\n|$)/
+};
+
+inline._linkInside = /(?:\[[^\]]*\]|[^\]]|\](?=[^\[]*\]))*/;
+inline._linkHref = /\s*<?([^\s]*?)>?(?:\s+['"]([^\0]*?)['"])?\s*/;
+
+inline.link = replace(inline.link)
+ ('inside', inline._linkInside)
+ ('href', inline._linkHref)
+ ();
+
+inline.reflink = replace(inline.reflink)
+ ('inside', inline._linkInside)
+ ();
+
+inline.normal = {
+ url: inline.url,
+ strong: inline.strong,
+ em: inline.em,
+ text: inline.text
+};
+
+inline.pedantic = {
+ strong: /^__(?=\S)([^\0]*?\S)__(?!_)|^\*\*(?=\S)([^\0]*?\S)\*\*(?!\*)/,
+ em: /^_(?=\S)([^\0]*?\S)_(?!_)|^\*(?=\S)([^\0]*?\S)\*(?!\*)/
+};
+
+inline.gfm = {
+ url: /^(https?:\/\/[^\s]+[^.,:;"')\]\s])/,
+ text: /^[^\0]+?(?=[\\<!\[_*`]|https?:\/\/| {2,}\n|$)/
+};
+
+/**
+ * Inline Lexer
+ */
+
+inline.lexer = function(src) {
+ var out = ''
+ , links = tokens.links
+ , link
+ , text
+ , href
+ , cap;
+
+ while (src) {
+ // escape
+ if (cap = inline.escape.exec(src)) {
+ src = src.substring(cap[0].length);
+ out += cap[1];
+ continue;
+ }
+
+ // autolink
+ if (cap = inline.autolink.exec(src)) {
+ src = src.substring(cap[0].length);
+ if (cap[2] === '@') {
+ text = cap[1][6] === ':'
+ ? mangle(cap[1].substring(7))
+ : mangle(cap[1]);
+ href = mangle('mailto:') + text;
+ } else {
+ text = escape(cap[1]);
+ href = text;
+ }
+ out += '<a href="'
+ + href
+ + '">'
+ + text
+ + '</a>';
+ continue;
+ }
+
+ // url (gfm)
+ if (cap = inline.url.exec(src)) {
+ src = src.substring(cap[0].length);
+ text = escape(cap[1]);
+ href = text;
+ out += '<a href="'
+ + href
+ + '">'
+ + text
+ + '</a>';
+ continue;
+ }
+
+ // tag
+ if (cap = inline.tag.exec(src)) {
+ src = src.substring(cap[0].length);
+ out += options.sanitize
+ ? escape(cap[0])
+ : cap[0];
+ continue;
+ }
+
+ // link
+ if (cap = inline.link.exec(src)) {
+ src = src.substring(cap[0].length);
+ out += outputLink(cap, {
+ href: cap[2],
+ title: cap[3]
+ });
+ continue;
+ }
+
+ // reflink, nolink
+ if ((cap = inline.reflink.exec(src))
+ || (cap = inline.nolink.exec(src))) {
+ src = src.substring(cap[0].length);
+ link = (cap[2] || cap[1]).replace(/\s+/g, ' ');
+ link = links[link.toLowerCase()];
+ if (!link || !link.href) {
+ out += cap[0][0];
+ src = cap[0].substring(1) + src;
+ continue;
+ }
+ out += outputLink(cap, link);
+ continue;
+ }
+
+ // strong
+ if (cap = inline.strong.exec(src)) {
+ src = src.substring(cap[0].length);
+ out += '<strong>'
+ + inline.lexer(cap[2] || cap[1])
+ + '</strong>';
+ continue;
+ }
+
+ // em
+ if (cap = inline.em.exec(src)) {
+ src = src.substring(cap[0].length);
+ out += '<em>'
+ + inline.lexer(cap[2] || cap[1])
+ + '</em>';
+ continue;
+ }
+
+ // code
+ if (cap = inline.code.exec(src)) {
+ src = src.substring(cap[0].length);
+ out += '<code>'
+ + escape(cap[2], true)
+ + '</code>';
+ continue;
+ }
+
+ // br
+ if (cap = inline.br.exec(src)) {
+ src = src.substring(cap[0].length);
+ out += '<br>';
+ continue;
+ }
+
+ // text
+ if (cap = inline.text.exec(src)) {
+ src = src.substring(cap[0].length);
+ out += escape(cap[0]);
+ continue;
+ }
+ }
+
+ return out;
+};
+
+function outputLink(cap, link) {
+ if (cap[0][0] !== '!') {
+ return '<a href="'
+ + escape(link.href)
+ + '"'
+ + (link.title
+ ? ' title="'
+ + escape(link.title)
+ + '"'
+ : '')
+ + '>'
+ + inline.lexer(cap[1])
+ + '</a>';
+ } else {
+ return '<img src="'
+ + escape(link.href)
+ + '" alt="'
+ + escape(cap[1])
+ + '"'
+ + (link.title
+ ? ' title="'
+ + escape(link.title)
+ + '"'
+ : '')
+ + '>';
+ }
+}
+
+/**
+ * Parsing
+ */
+
+var tokens
+ , token;
+
+function next() {
+ return token = tokens.pop();
+}
+
+function tok() {
+ switch (token.type) {
+ case 'space': {
+ return '';
+ }
+ case 'hr': {
+ return '<hr>\n';
+ }
+ case 'heading': {
+ return '<h'
+ + token.depth
+ + '>'
+ + inline.lexer(token.text)
+ + '</h'
+ + token.depth
+ + '>\n';
+ }
+ case 'code': {
+ if (options.highlight) {
+ token.code = options.highlight(token.text, token.lang);
+ if (token.code != null && token.code !== token.text) {
+ token.escaped = true;
+ token.text = token.code;
+ }
+ }
+
+ if (!token.escaped) {
+ token.text = escape(token.text, true);
+ }
+
+ return '<pre><code'
+ + (token.lang
+ ? ' class="lang-'
+ + token.lang
+ + '"'
+ : '')
+ + '>'
+ + token.text
+ + '</code></pre>\n';
+ }
+ case 'blockquote_start': {
+ var body = '';
+
+ while (next().type !== 'blockquote_end') {
+ body += tok();
+ }
+
+ return '<blockquote>\n'
+ + body
+ + '</blockquote>\n';
+ }
+ case 'list_start': {
+ var type = token.ordered ? 'ol' : 'ul'
+ , body = '';
+
+ while (next().type !== 'list_end') {
+ body += tok();
+ }
+
+ return '<'
+ + type
+ + '>\n'
+ + body
+ + '</'
+ + type
+ + '>\n';
+ }
+ case 'list_item_start': {
+ var body = '';
+
+ while (next().type !== 'list_item_end') {
+ body += token.type === 'text'
+ ? parseText()
+ : tok();
+ }
+
+ return '<li>'
+ + body
+ + '</li>\n';
+ }
+ case 'loose_item_start': {
+ var body = '';
+
+ while (next().type !== 'list_item_end') {
+ body += tok();
+ }
+
+ return '<li>'
+ + body
+ + '</li>\n';
+ }
+ case 'html': {
+ if (options.sanitize) {
+ return inline.lexer(token.text);
+ }
+ return !token.pre && !options.pedantic
+ ? inline.lexer(token.text)
+ : token.text;
+ }
+ case 'paragraph': {
+ return '<p>'
+ + inline.lexer(token.text)
+ + '</p>\n';
+ }
+ case 'text': {
+ return '<p>'
+ + parseText()
+ + '</p>\n';
+ }
+ }
+}
+
+function parseText() {
+ var body = token.text
+ , top;
+
+ while ((top = tokens[tokens.length-1])
+ && top.type === 'text') {
+ body += '\n' + next().text;
+ }
+
+ return inline.lexer(body);
+}
+
+function parse(src) {
+ tokens = src.reverse();
+
+ var out = '';
+ while (next()) {
+ out += tok();
+ }
+
+ tokens = null;
+ token = null;
+
+ return out;
+}
+
+/**
+ * Helpers
+ */
+
+function escape(html, encode) {
+ return html
+ .replace(!encode ? /&(?!#?\w+;)/g : /&/g, '&amp;')
+ .replace(/</g, '&lt;')
+ .replace(/>/g, '&gt;')
+ .replace(/"/g, '&quot;')
+ .replace(/'/g, '&#39;');
+}
+
+function mangle(text) {
+ var out = ''
+ , l = text.length
+ , i = 0
+ , ch;
+
+ for (; i < l; i++) {
+ ch = text.charCodeAt(i);
+ if (Math.random() > 0.5) {
+ ch = 'x' + ch.toString(16);
+ }
+ out += '&#' + ch + ';';
+ }
+
+ return out;
+}
+
+function tag() {
+ var tag = '(?!(?:'
+ + 'a|em|strong|small|s|cite|q|dfn|abbr|data|time|code'
+ + '|var|samp|kbd|sub|sup|i|b|u|mark|ruby|rt|rp|bdi|bdo'
+ + '|span|br|wbr|ins|del|img)\\b)\\w+';
+
+ return tag;
+}
+
+function replace(regex, opt) {
+ regex = regex.source;
+ opt = opt || '';
+ return function self(name, val) {
+ if (!name) return new RegExp(regex, opt);
+ regex = regex.replace(name, val.source || val);
+ return self;
+ };
+}
+
+function noop() {}
+noop.exec = noop;
+
+/**
+ * Marked
+ */
+
+function marked(src, opt) {
+ setOptions(opt);
+ return parse(block.lexer(src));
+}
+
+/**
+ * Options
+ */
+
+var options
+ , defaults;
+
+function setOptions(opt) {
+ if (!opt) opt = defaults;
+ if (options === opt) return;
+ options = opt;
+
+ if (options.gfm) {
+ block.fences = block.gfm.fences;
+ block.paragraph = block.gfm.paragraph;
+ inline.text = inline.gfm.text;
+ inline.url = inline.gfm.url;
+ } else {
+ block.fences = block.normal.fences;
+ block.paragraph = block.normal.paragraph;
+ inline.text = inline.normal.text;
+ inline.url = inline.normal.url;
+ }
+
+ if (options.pedantic) {
+ inline.em = inline.pedantic.em;
+ inline.strong = inline.pedantic.strong;
+ } else {
+ inline.em = inline.normal.em;
+ inline.strong = inline.normal.strong;
+ }
+}
+
+marked.options =
+marked.setOptions = function(opt) {
+ defaults = opt;
+ setOptions(opt);
+ return marked;
+};
+
+marked.setOptions({
+ gfm: true,
+ pedantic: false,
+ sanitize: false,
+ highlight: null
+});
+
+/**
+ * Expose
+ */
+
+marked.parser = function(src, opt) {
+ setOptions(opt);
+ return parse(src);
+};
+
+marked.lexer = function(src, opt) {
+ setOptions(opt);
+ return block.lexer(src);
+};
+
+marked.parse = marked;
+
+if (typeof module !== 'undefined') {
+ module.exports = marked;
+} else {
+ this.marked = marked;
+}
+
+}).call(function() {
+ return this || (typeof window !== 'undefined' ? window : global);
+}());
View
4 epiceditor/static/epiceditor/js/epiceditor.min.js
@@ -0,0 +1,4 @@
+/**
+ * EpicEditor - An Embeddable JavaScript Markdown Editor (https://github.com/OscarGodson/EpicEditor)
+ * Copyright (c) 2011-2012, Oscar Godson. (MIT Licensed)
+ */(function(e,t){function n(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])}function r(e,t){for(var n in t)t.hasOwnProperty(n)&&(e.style[n]=t[n])}function i(t,n){var r=t,i=null;return e.getComputedStyle?i=document.defaultView.getComputedStyle(r,null).getPropertyValue(n):r.currentStyle&&(i=r.currentStyle[n]),i}function s(e,t,n){var s={},o;if(t==="save"){for(o in n)n.hasOwnProperty(o)&&(s[o]=i(e,o));r(e,n)}else t==="apply"&&r(e,n);return s}function o(e){var t=parseInt(i(e,"border-left-width"),10)+parseInt(i(e,"border-right-width"),10),n=parseInt(i(e,"padding-left"),10)+parseInt(i(e,"padding-right"),10),r=e.offsetWidth,s;return isNaN(t)&&(t=0),s=t+n+r,s}function u(e){var t=parseInt(i(e,"border-top-width"),10)+parseInt(i(e,"border-bottom-width"),10),n=parseInt(i(e,"padding-top"),10)+parseInt(i(e,"padding-bottom"),10),r=e.offsetHeight,s;return isNaN(t)&&(t=0),s=t+n+r,s}function a(e,t,r){r=r||"";var i=t.getElementsByTagName("head")[0],s=t.createElement("link");n(s,{type:"text/css",id:r,rel:"stylesheet",href:e,name:e,media:"screen"}),i.appendChild(s)}function f(e,t,n){e.className=e.className.replace(t,n)}function l(e){return e.contentDocument||e.contentWindow.document}function c(e){var t;return typeof document.body.innerText=="string"?t=e.innerText:(t=e.innerHTML.replace(/<br>/gi,"\n"),t=t.replace(/<(?:.|\n)*?>/gm,""),t=t.replace(/&lt;/gi,"<"),t=t.replace(/&gt;/gi,">")),t}function h(e,t){return typeof document.body.innerText=="string"?(t=t.replace(/ /g," "),e.innerText=t):(t=t.replace(/</g,"&lt;"),t=t.replace(/>/g,"&gt;"),t=t.replace(/\n/g,"<br>"),t=t.replace(/\s\s/g," &nbsp;"),e.innerHTML=t),!0}function p(){var e=-1,t=navigator.userAgent,n;return navigator.appName=="Microsoft Internet Explorer"&&(n=/MSIE ([0-9]{1,}[\.0-9]{0,})/,n.exec(t)!=null&&(e=parseFloat(RegExp.$1,10))),e}function d(){var t=e.navigator;return t.userAgent.indexOf("Safari")>-1&&t.userAgent.indexOf("Chrome")==-1}function v(e){var t={};return e&&t.toString.call(e)==="[object Function]"}function m(){var e=arguments[0]||{},n=1,r=arguments.length,i=!1,s,o,u,a;typeof e=="boolean"&&(i=e,e=arguments[1]||{},n=2),typeof e!="object"&&!v(e)&&(e={}),r===n&&(e=this,--n);for(;n<r;n++)if((s=arguments[n])!=null)for(o in s)if(s.hasOwnProperty(o)){u=e[o],a=s[o];if(e===a)continue;i&&a&&typeof a=="object"&&!a.nodeType?e[o]=m(i,u||(a.length!=null?[]:{}),a):a!==t&&(e[o]=a)}return e}function g(e){var n=this,r=e||{},i,s,o={container:"epiceditor",basePath:"epiceditor",clientSideStorage:!0,localStorageName:"epiceditor",useNativeFullscreen:!0,file:{name:null,defaultContent:"",autoSave:100},theme:{base:"/themes/base/epiceditor.css",preview:"/themes/preview/github.css",editor:"/themes/editor/epic-dark.css"},focusOnLoad:!1,shortcut:{modifier:18,fullscreen:70,preview:80},parser:typeof marked=="function"?marked:null},u;n.settings=m(!0,o,r);if(typeof n.settings.parser!="function"||typeof n.settings.parser("TEST")!="string")n.settings.parser=function(e){return e};return typeof n.settings.container=="string"?n.element=document.getElementById(n.settings.container):typeof n.settings.container=="object"&&(n.element=n.settings.container),n.settings.file.name||(typeof n.settings.container=="string"?n.settings.file.name=n.settings.container:typeof n.settings.container=="object"&&(n.element.id?n.settings.file.name=n.element.id:(g._data.unnamedEditors||(g._data.unnamedEditors=[]),g._data.unnamedEditors.push(n),n.settings.file.name="__epiceditor-untitled-"+g._data.unnamedEditors.length))),n._instanceId="epiceditor-"+Math.round(Math.random()*1e5),n._storage={},n._canSave=!0,n._defaultFileSchema=function(){return{content:n.settings.file.defaultContent,created:new Date,modified:new Date}},localStorage&&n.settings.clientSideStorage&&(this._storage=localStorage,this._storage[n.settings.localStorageName]&&n.getFiles(n.settings.file.name)===t&&(s=n.getFiles(n.settings.file.name),s=n._defaultFileSchema(),s.content=n.settings.file.defaultContent)),this._storage[n.settings.localStorageName]||(u={},u[n.settings.file.name]=n._defaultFileSchema(),u=JSON.stringify(u),this._storage[n.settings.localStorageName]=u),n._eeState={fullscreen:!1,preview:!1,edit:!1,loaded:!1,unloaded:!1},n.events||(n.events={}),this}g.prototype.load=function(t){function C(t){if(Math.abs(g.y-t.pageY)>=5||Math.abs(g.x-t.pageX)>=5)h.style.display="block",v&&clearTimeout(v),v=e.setTimeout(function(){h.style.display="none"},1e3);g={y:t.pageY,x:t.pageX}}function k(e){e.keyCode==n.settings.shortcut.modifier&&(S=!0),e.keyCode==17&&(x=!0),S===!0&&e.keyCode==n.settings.shortcut.preview&&!n.is("fullscreen")&&(e.preventDefault(),n.is("edit")?n.preview():n.edit()),S===!0&&e.keyCode==n.settings.shortcut.fullscreen&&(e.preventDefault(),n._goFullscreen(E)),S===!0&&e.keyCode!==n.settings.shortcut.modifier&&(S=!1),e.keyCode==27&&n.is("fullscreen")&&n._exitFullscreen(E),x===!0&&e.keyCode==83&&(n.save(),e.preventDefault(),x=!1),e.metaKey&&e.keyCode==83&&(n.save(),e.preventDefault())}function L(e){e.keyCode==n.settings.shortcut.modifier&&(S=!1),e.keyCode==17&&(x=!1)}if(this.is("loaded"))return this;var n=this,o,u,f,c,h,v,m,g={y:-1,x:-1},y,b,w=!1,E,S=!1,x=!1,T,N;n.settings.useNativeFullscreen&&(w=document.body.webkitRequestFullScreen?!0:!1),d()&&(w=!1),!n.is("edit")&&!n.is("preview")&&(n._eeState.edit=!0),t=t||function(){},o={chrome:'<div id="epiceditor-wrapper" class="epiceditor-edit-mode"><iframe frameborder="0" id="epiceditor-editor-frame"></iframe><iframe frameborder="0" id="epiceditor-previewer-frame"></iframe><div id="epiceditor-utilbar"><img width="30" src="'+this.settings.basePath+'/images/preview.png" title="Toggle Preview Mode" class="epiceditor-toggle-btn epiceditor-toggle-preview-btn"> '+'<img width="30" src="'+this.settings.basePath+'/images/edit.png" title="Toggle Edit Mode" class="epiceditor-toggle-btn epiceditor-toggle-edit-btn"> '+'<img width="30" src="'+this.settings.basePath+'/images/fullscreen.png" title="Enter Fullscreen" class="epiceditor-fullscreen-btn">'+"</div>"+"</div>",previewer:'<div id="epiceditor-preview"></div>'},n.element.innerHTML='<iframe scrolling="no" frameborder="0" id= "'+n._instanceId+'"></iframe>',n.element.style.height=n.element.offsetHeight+"px",u=document.getElementById(n._instanceId),n.iframeElement=u,n.iframe=l(u),n.iframe.open(),n.iframe.write(o.chrome),n.editorIframe=n.iframe.getElementById("epiceditor-editor-frame"),n.previewerIframe=n.iframe.getElementById("epiceditor-previewer-frame"),n.editorIframeDocument=l(n.editorIframe),n.editorIframeDocument.open(),n.editorIframeDocument.write(""),n.editorIframeDocument.close(),n.previewerIframeDocument=l(n.previewerIframe),n.previewerIframeDocument.open(),n.previewerIframeDocument.write(o.previewer),f=n.previewerIframeDocument.createElement("base"),f.target="_blank",n.previewerIframeDocument.getElementsByTagName("head")[0].appendChild(f),n.previewerIframeDocument.close(),n.reflow(),a(n.settings.basePath+n.settings.theme.base,n.iframe,"theme"),a(n.settings.basePath+n.settings.theme.editor,n.editorIframeDocument,"theme"),a(n.settings.basePath+n.settings.theme.preview,n.previewerIframeDocument,"theme"),n.iframe.getElementById("epiceditor-wrapper").style.position="relative",n.editor=n.editorIframeDocument.body,n.previewer=n.previewerIframeDocument.getElementById("epiceditor-preview"),n.editor.contentEditable=!0,n.iframe.body.style.height=this.element.offsetHeight+"px",this.previewerIframe.style.display="none",p()>-1&&(this.previewer.style.height=parseInt(i(this.previewer,"height"),10)+2),this.open(n.settings.file.name),n.settings.focusOnLoad&&n.iframe.addEventListener("readystatechange",function(){n.iframe.readyState=="complete"&&n.editorIframeDocument.body.focus()}),c=n.iframe.getElementById("epiceditor-utilbar"),y={},n._goFullscreen=function(t){if(n.is("fullscreen")){n._exitFullscreen(t);return}w&&t.webkitRequestFullScreen(),b=n.is("edit"),n._eeState.fullscreen=!0,n._eeState.edit=!0,n._eeState.preview=!0;var r=e.innerWidth,o=e.innerHeight,u=e.outerWidth,a=e.outerHeight;w||(a=e.innerHeight),y.editorIframe=s(n.editorIframe,"save",{width:u/2+"px",height:a+"px","float":"left",cssFloat:"left",styleFloat:"left",display:"block"}),y.previewerIframe=s(n.previewerIframe,"save",{width:u/2+"px",height:a+"px","float":"right",cssFloat:"right",styleFloat:"right",display:"block"}),y.element=s(n.element,"save",{position:"fixed",top:"0",left:"0",width:"100%","z-index":"9999",zIndex:"9999",border:"none",margin:"0",background:i(n.editor,"background-color"),height:o+"px"}),y.iframeElement=s(n.iframeElement,"save",{width:u+"px",height:o+"px"}),c.style.visibility="hidden",w||(document.body.style.overflow="hidden"),n.preview(),n.editorIframeDocument.body.focus(),n.emit("fullscreenenter")},n._exitFullscreen=function(e){s(n.element,"apply",y.element),s(n.iframeElement,"apply",y.iframeElement),s(n.editorIframe,"apply",y.editorIframe),s(n.previewerIframe,"apply",y.previewerIframe),n.element.style.width=n._eeState.reflowWidth?n._eeState.reflowWidth:"",n.element.style.height=n._eeState.reflowHeight?n._eeState.reflowHeight:"",c.style.visibility="visible",w?document.webkitCancelFullScreen():document.body.style.overflow="auto",n._eeState.fullscreen=!1,b?n.edit():n.preview(),n.reflow(),n.emit("fullscreenexit")},n.editor.addEventListener("keyup",function(){m&&e.clearTimeout(m),m=e.setTimeout(function(){n.is("fullscreen")&&n.preview()},250)}),E=n.iframeElement,c.addEventListener("click",function(e){var t=e.target.className;t.indexOf("epiceditor-toggle-preview-btn")>-1?n.preview():t.indexOf("epiceditor-toggle-edit-btn")>-1?n.edit():t.indexOf("epiceditor-fullscreen-btn")>-1&&n._goFullscreen(E)}),document.body.webkitRequestFullScreen&&E.addEventListener("webkitfullscreenchange",function(){document.webkitIsFullScreen||n._exitFullscreen(E)},!1),h=n.iframe.getElementById("epiceditor-utilbar"),h.style.display="none",h.addEventListener("mouseover",function(){v&&clearTimeout(v)}),T=[n.previewerIframeDocument,n.editorIframeDocument];for(N=0;N<T.length;N++)T[N].addEventListener("mousemove",function(e){C(e)}),T[N].addEventListener("scroll",function(e){C(e)}),T[N].addEventListener("keyup",function(e){L(e)}),T[N].addEventListener("keydown",function(e){k(e)});return n.settings.file.autoSave&&(n.saveInterval=e.setInterval(function(){if(!n._canSave)return;n.save()},n.settings.file.autoSave)),e.addEventListener("resize",function(){!n.iframe.webkitRequestFullScreen&&n.is("fullscreen")?(r(n.iframeElement,{width:e.outerWidth+"px",height:e.innerHeight+"px"}),r(n.element,{height:e.innerHeight+"px"}),r(n.previewerIframe,{width:e.outerWidth/2+"px",height:e.innerHeight+"px"}),r(n.editorIframe,{width:e.outerWidth/2+"px",height:e.innerHeight+"px"})):n.is("fullscreen")||n.reflow()}),n._eeState.loaded=!0,n._eeState.unloaded=!1,n.is("preview")?n.preview():n.edit(),n.iframe.close(),t.call(this),this.emit("load"),this},g.prototype.unload=function(t){if(this.is("unloaded"))throw new Error("Editor isn't loaded");var n=this,r=e.parent.document.getElementById(n._instanceId);return r.parentNode.removeChild(r),n._eeState.loaded=!1,n._eeState.unloaded=!0,t=t||function(){},n.saveInterval&&e.clearInterval(n.saveInterval),t.call(this),n.emit("unload"),n},g.prototype.reflow=function(e){var t=this,n=o(t.element)-t.element.offsetWidth,r=u(t.element)-t.element.offsetHeight,i=[t.iframeElement,t.editorIframe,t.previewerIframe],s,a;for(var f=0;f<i.length;f++){if(!e||e=="width")s=t.element.offsetWidth-n+"px",i[f].style.width=s,t._eeState.reflowWidth=s;if(!e||e=="height")a=t.element.offsetHeight-r+"px",i[f].style.height=a,t._eeState.reflowHeight=a}return t},g.prototype.preview=function(t){var n=this,r,i;t=t||n.settings.basePath+n.settings.theme.preview,f(n.getElement("wrapper"),"epiceditor-edit-mode","epiceditor-preview-mode"),n.previewerIframeDocument.getElementById("theme")?n.previewerIframeDocument.getElementById("theme").name!==t&&(n.previewerIframeDocument.getElementById("theme").href=t):a(t,n.previewerIframeDocument,"theme"),n.previewer.innerHTML=n.exportFile(null,"html"),i=n.previewer.getElementsByTagName("a");for(r in i)i[r].hash&&i[r].hostname==e.location.hostname&&(i[r].target="_self");return n.is("fullscreen")||(n.editorIframe.style.display="none",n.previewerIframe.style.display="block",n._eeState.preview=!0,n._eeState.edit=!1,n.previewerIframe.focus()),n.emit("preview"),n},g.prototype.enterFullscreen=function(){return this.is("fullscreen")?this:(this._goFullscreen(this.iframeElement),this)},g.prototype.exitFullscreen=function(){return this.is("fullscreen")?(this._exitFullscreen(this.iframeElement),this):this},g.prototype.edit=function(){var e=this;return f(e.getElement("wrapper"),"epiceditor-preview-mode","epiceditor-edit-mode"),e._eeState.preview=!1,e._eeState.edit=!0,e.editorIframe.style.display="block",e.previewerIframe.style.display="none",e.editorIframe.focus(),e.emit("edit"),this},g.prototype.getElement=function(e){var t={container:this.element,wrapper:this.iframe.getElementById("epiceditor-wrapper"),wrapperIframe:this.iframeElement,editor:this.editorIframeDocument,editorIframe:this.editorIframe,previewer:this.previewerIframeDocument,previewerIframe:this.previewerIframe};return!t[e]||this.is("unloaded")?null:t[e]},g.prototype.is=function(e){var t=this;switch(e){case"loaded":return t._eeState.loaded;case"unloaded":return t._eeState.unloaded;case"preview":return t._eeState.preview;case"edit":return t._eeState.edit;case"fullscreen":return t._eeState.fullscreen;default:return!1}},g.prototype.open=function(e){var n=this,r=n.settings.file.defaultContent,i;return e=e||n.settings.file.name,n.settings.file.name=e,this._storage[n.settings.localStorageName]&&(i=n.getFiles(),i[e]!==t?(h(n.editor,i[e].content),n.emit("read")):(h(n.editor,r),n.save(),n.emit("create")),n.previewer.innerHTML=n.exportFile(null,"html"),n.emit("open")),this},g.prototype.save=function(){var e=this,n,r=!1,i=e.settings.file.name,s=c(this.editor);return this._canSave=!0,n=JSON.parse(this._storage[e.settings.localStorageName]),n[i]===t?n[i]=e._defaultFileSchema():s!==n[i].content&&(n[i].modified=new Date,r=!0),n[i].content=s,this._storage[e.settings.localStorageName]=JSON.stringify(n),r&&e.emit("update"),this.emit("save"),this},g.prototype.remove=function(e){var t=this,n;return e=e||t.settings.file.name,e==t.settings.file.name&&(t._canSave=!1),n=JSON.parse(this._storage[t.settings.localStorageName]),delete n[e],this._storage[t.settings.localStorageName]=JSON.stringify(n),this.emit("remove"),this},g.prototype.rename=function(e,t){var n=this,r=JSON.parse(this._storage[n.settings.localStorageName]);return r[t]=r[e],delete r[e],this._storage[n.settings.localStorageName]=JSON.stringify(r),n.open(t),this},g.prototype.importFile=function(e,n,r,i){var s=this,o=!1;return e=e||s.settings.file.name,n=n||"",r=r||"md",i=i||{},JSON.parse(this._storage[s.settings.localStorageName])[e]===t&&(o=!0),s.settings.file.name=e,h(s.editor,n),o&&s.emit("create"),s.save(),s.is("fullscreen")&&s.preview(),this},g.prototype.exportFile=function(e,n){var r=this,i,s;e=e||r.settings.file.name,n=n||"text",i=r.getFiles(e);if(i===t)return;s=i.content;switch(n){case"html":return s=s.replace(/\u00a0/g," ").replace(/&nbsp;/g," "),r.settings.parser(s);case"text":return s=s.replace(/\u00a0/g," ").replace(/&nbsp;/g," "),s;default:return s}},g.prototype.getFiles=function(e){var t=JSON.parse(this._storage[this.settings.localStorageName]);return e?t[e]:t},g.prototype.on=function(e,t){var n=this;return this.events[e]||(this.events[e]=[]),this.events[e].push(t),n},g.prototype.emit=function(e,t){function i(e){e.call(n,t)}var n=this,r;t=t||n.getFiles(n.settings.file.name);if(!this.events[e])return;for(r=0;r<n.events[e].length;r++)i(n.events[e][r]);return n},g.prototype.removeListener=function(e,t){var n=this;return t?this.events[e]?(this.events[e].splice(this.events[e].indexOf(t),1),n):n:(this.events[e]=[],n)},g.version="0.2.0",g._data={},e.EpicEditor=g})(window),function(){function n(e,n){return e[0][0]!=="!"?'<a href="'+f(n.href)+'"'+(n.title?' title="'+f(n.title)+'"':"")+">"+t.lexer(e[1])+"</a>":'<img src="'+f(n.href)+'" alt="'+f(e[1])+'"'+(n.title?' title="'+f(n.title)+'"':"")+">"}function s(){return i=r.pop()}function o(){switch(i.type){case"space":return"";case"hr":return"<hr>\n";case"heading":return"<h"+i.depth+">"+t.lexer(i.text)+"</h"+i.depth+">\n";case"code":return v.highlight&&(i.code=v.highlight(i.text,i.lang),i.code!=null&&i.code!==i.text&&(i.escaped=!0,i.text=i.code)),i.escaped||(i.text=f(i.text,!0)),"<pre><code"+(i.lang?' class="lang-'+i.lang+'"':"")+">"+i.text+"</code></pre>\n";case"blockquote_start":var e="";while(s().type!=="blockquote_end")e+=o();return"<blockquote>\n"+e+"</blockquote>\n";case"list_start":var n=i.ordered?"ol":"ul",e="";while(s().type!=="list_end")e+=o();return"<"+n+">\n"+e+"</"+n+">\n";case"list_item_start":var e="";while(s().type!=="list_item_end")e+=i.type==="text"?u():o();return"<li>"+e+"</li>\n";case"loose_item_start":var e="";while(s().type!=="list_item_end")e+=o();return"<li>"+e+"</li>\n";case"html":return v.sanitize?t.lexer(i.text):!i.pre&&!v.pedantic?t.lexer(i.text):i.text;case"paragraph":return"<p>"+t.lexer(i.text)+"</p>\n";case"text":return"<p>"+u()+"</p>\n"}}function u(){var e=i.text,n;while((n=r[r.length-1])&&n.type==="text")e+="\n"+s().text;return t.lexer(e)}function a(e){r=e.reverse();var t="";while(s())t+=o();return r=null,i=null,t}function f(e,t){return e.replace(t?/&/g:/&(?!#?\w+;)/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#39;")}function l(e){var t="",n=e.length,r=0,i;for(;r<n;r++)i=e.charCodeAt(r),Math.random()>.5&&(i="x"+i.toString(16)),t+="&#"+i+";";return t}function c(){var e="(?!(?:a|em|strong|small|s|cite|q|dfn|abbr|data|time|code|var|samp|kbd|sub|sup|i|b|u|mark|ruby|rt|rp|bdi|bdo|span|br|wbr|ins|del|img)\\b)\\w+";return e}function h(e,t){return e=e.source,t=t||"",function n(r,i){return r?(e=e.replace(r,i.source||i),n):new RegExp(e,t)}}function p(){}function d(t,n){return g(n),a(e.lexer(t))}function g(n){n||(n=m);if(v===n)return;v=n,v.gfm?(e.fences=e.gfm.fences,e.paragraph=e.gfm.paragraph,t.text=t.gfm.text,t.url=t.gfm.url):(e.fences=e.normal.fences,e.paragraph=e.normal.paragraph,t.text=t.normal.text,t.url=t.normal.url),v.pedantic?(t.em=t.pedantic.em,t.strong=t.pedantic.strong):(t.em=t.normal.em,t.strong=t.normal.strong)}var e={newline:/^\n+/,code:/^( {4}[^\n]+\n*)+/,fences:p,hr:/^( *[-*_]){3,} *(?:\n+|$)/,heading:/^ *(#{1,6}) *([^\n]+?) *#* *(?:\n+|$)/,lheading:/^([^\n]+)\n *(=|-){3,} *\n*/,blockquote:/^( *>[^\n]+(\n[^\n]+)*\n*)+/,list:/^( *)(bull) [^\0]+?(?:hr|\n{2,}(?! )(?!\1bull )\n*|\s*$)/,html:/^ *(?:comment|closed|closing) *(?:\n{2,}|\s*$)/,def:/^ *\[([^\]]+)\]: *([^\s]+)(?: +["(]([^\n]+)[")])? *(?:\n+|$)/,paragraph:/^([^\n]+\n?(?!body))+\n*/,text:/^[^\n]+/};e.bullet=/(?:[*+-]|\d+\.)/,e.item=/^( *)(bull) [^\n]*(?:\n(?!\1bull )[^\n]*)*/,e.item=h(e.item,"gm")(/bull/g,e.bullet)(),e.list=h(e.list)(/bull/g,e.bullet)("hr",/\n+(?=(?: *[-*_]){3,} *(?:\n+|$))/)(),e.html=h(e.html)("comment",/<!--[^\0]*?-->/)("closed",/<(tag)[^\0]+?<\/\1>/)("closing",/<tag(?!:\/|@)\b(?:"[^"]*"|'[^']*'|[^'">])*?>/)(/tag/g,c())(),e.paragraph=function(){var t=e.paragraph.source,n=[];return function r(t){return t=e[t]?e[t].source:t,n.push(t.replace(/(^|[^\[])\^/g,"$1")),r}("hr")("heading")("lheading")("blockquote")("<"+c())("def"),new RegExp(t.replace("body",n.join("|")))}(),e.normal={fences:e.fences,paragraph:e.paragraph},e.gfm={fences:/^ *``` *(\w+)? *\n([^\0]+?)\s*``` *(?:\n+|$)/,paragraph:/^/},e.gfm.paragraph=h(e.paragraph)("(?!","(?!"+e.gfm.fences.source.replace(/(^|[^\[])\^/g,"$1")+"|")(),e.lexer=function(t){var n=[];return n.links={},t=t.replace(/\r\n|\r/g,"\n").replace(/\t/g," "),e.token(t,n,!0)},e.token=function(t,n,r){var t=t.replace(/^ +$/gm,""),i,s,o,u,a,f,l;while(t){if(o=e.newline.exec(t))t=t.substring(o[0].length),o[0].length>1&&n.push({type:"space"});if(o=e.code.exec(t)){t=t.substring(o[0].length),o=o[0].replace(/^ {4}/gm,""),n.push({type:"code",text:v.pedantic?o:o.replace(/\n+$/,"")});continue}if(o=e.fences.exec(t)){t=t.substring(o[0].length),n.push({type:"code",lang:o[1],text:o[2]});continue}if(o=e.heading.exec(t)){t=t.substring(o[0].length),n.push({type:"heading",depth:o[1].length,text:o[2]});continue}if(o=e.lheading.exec(t)){t=t.substring(o[0].length),n.push({type:"heading",depth:o[2]==="="?1:2,text:o[1]});continue}if(o=e.hr.exec(t)){t=t.substring(o[0].length),n.push({type:"hr"});continue}if(o=e.blockquote.exec(t)){t=t.substring(o[0].length),n.push({type:"blockquote_start"}),o=o[0].replace(/^ *> ?/gm,""),e.token(o,n,r),n.push({type:"blockquote_end"});continue}if(o=e.list.exec(t)){t=t.substring(o[0].length),n.push({type:"list_start",ordered:isFinite(o[2])}),o=o[0].match(e.item),i=!1,l=o.length,f=0;for(;f<l;f++)u=o[f],a=u.length,u=u.replace(/^ *([*+-]|\d+\.) +/,""),~u.indexOf("\n ")&&(a-=u.length,u=v.pedantic?u.replace(/^ {1,4}/gm,""):u.replace(new RegExp("^ {1,"+a+"}","gm"),"")),s=i||/\n\n(?!\s*$)/.test(u),f!==l-1&&(i=u[u.length-1]==="\n",s||(s=i)),n.push({type:s?"loose_item_start":"list_item_start"}),e.token(u,n),n.push({type:"list_item_end"});n.push({type:"list_end"});continue}if(o=e.html.exec(t)){t=t.substring(o[0].length),n.push({type:"html",pre:o[1]==="pre",text:o[0]});continue}if(r&&(o=e.def.exec(t))){t=t.substring(o[0].length),n.links[o[1].toLowerCase()]={href:o[2],title:o[3]};continue}if(r&&(o=e.paragraph.exec(t))){t=t.substring(o[0].length),n.push({type:"paragraph",text:o[0]});continue}if(o=e.text.exec(t)){t=t.substring(o[0].length),n.push({type:"text",text:o[0]});continue}}return n};var t={escape:/^\\([\\`*{}\[\]()#+\-.!_>])/,autolink:/^<([^ >]+(@|:\/)[^ >]+)>/,url:p,tag:/^<!--[^\0]*?-->|^<\/?\w+(?:"[^"]*"|'[^']*'|[^'">])*?>/,link:/^!?\[(inside)\]\(href\)/,reflink:/^!?\[(inside)\]\s*\[([^\]]*)\]/,nolink:/^!?\[((?:\[[^\]]*\]|[^\[\]])*)\]/,strong:/^__([^\0]+?)__(?!_)|^\*\*([^\0]+?)\*\*(?!\*)/,em:/^\b_((?:__|[^\0])+?)_\b|^\*((?:\*\*|[^\0])+?)\*(?!\*)/,code:/^(`+)([^\0]*?[^`])\1(?!`)/,br:/^ {2,}\n(?!\s*$)/,text:/^[^\0]+?(?=[\\<!\[_*`]| {2,}\n|$)/};t._linkInside=/(?:\[[^\]]*\]|[^\]]|\](?=[^\[]*\]))*/,t._linkHref=/\s*<?([^\s]*?)>?(?:\s+['"]([^\0]*?)['"])?\s*/,t.link=h(t.link)("inside",t._linkInside)("href",t._linkHref)(),t.reflink=h(t.reflink)("inside",t._linkInside)(),t.normal={url:t.url,strong:t.strong,em:t.em,text:t.text},t.pedantic={strong:/^__(?=\S)([^\0]*?\S)__(?!_)|^\*\*(?=\S)([^\0]*?\S)\*\*(?!\*)/,em:/^_(?=\S)([^\0]*?\S)_(?!_)|^\*(?=\S)([^\0]*?\S)\*(?!\*)/},t.gfm={url:/^(https?:\/\/[^\s]+[^.,:;"')\]\s])/,text:/^[^\0]+?(?=[\\<!\[_*`]|https?:\/\/| {2,}\n|$)/},t.lexer=function(e){var i="",s=r.links,o,u,a,c;while(e){if(c=t.escape.exec(e)){e=e.substring(c[0].length),i+=c[1];continue}if(c=t.autolink.exec(e)){e=e.substring(c[0].length),c[2]==="@"?(u=c[1][6]===":"?l(c[1].substring(7)):l(c[1]),a=l("mailto:")+u):(u=f(c[1]),a=u),i+='<a href="'+a+'">'+u+"</a>";continue}if(c=t.url.exec(e)){e=e.substring(c[0].length),u=f(c[1]),a=u,i+='<a href="'+a+'">'+u+"</a>";continue}if(c=t.tag.exec(e)){e=e.substring(c[0].length),i+=v.sanitize?f(c[0]):c[0];continue}if(c=t.link.exec(e)){e=e.substring(c[0].length),i+=n(c,{href:c[2],title:c[3]});continue}if((c=t.reflink.exec(e))||(c=t.nolink.exec(e))){e=e.substring(c[0].length),o=(c[2]||c[1]).replace(/\s+/g," "),o=s[o.toLowerCase()];if(!o||!o.href){i+=c[0][0],e=c[0].substring(1)+e;continue}i+=n(c,o);continue}if(c=t.strong.exec(e)){e=e.substring(c[0].length),i+="<strong>"+t.lexer(c[2]||c[1])+"</strong>";continue}if(c=t.em.exec(e)){e=e.substring(c[0].length),i+="<em>"+t.lexer(c[2]||c[1])+"</em>";continue}if(c=t.code.exec(e)){e=e.substring(c[0].length),i+="<code>"+f(c[2],!0)+"</code>";continue}if(c=t.br.exec(e)){e=e.substring(c[0].length),i+="<br>";continue}if(c=t.text.exec(e)){e=e.substring(c[0].length),i+=f(c[0]);continue}}return i};var r,i;p.exec=p;var v,m;d.options=d.setOptions=function(e){return m=e,g(e),d},d.setOptions({gfm:!0,pedantic:!1,sanitize:!1,highlight:null}),d.parser=function(e,t){return g(t),a(e)},d.lexer=function(t,n){return g(n),e.lexer(t)},d.parse=d,typeof module!="undefined"?module.exports=d:this.marked=d}.call(function(){return this||(typeof window!="undefined"?window:global)}());
View
31 epiceditor/static/epiceditor/themes/base/epiceditor.css
@@ -0,0 +1,31 @@
+html, body, iframe, div { margin:0; padding:0; }
+
+#epiceditor-utilbar {
+ position:fixed;
+ bottom:10px;
+ right:10px;
+ padding:5px;
+}
+
+#epiceditor-utilbar img {
+ display:block;
+ float:left;
+ width: 30px;
+ height: 30px;
+}
+
+#epiceditor-utilbar img:last-child {
+ margin-left: 15px;
+}
+
+#epiceditor-utilbar img:hover {
+ cursor:pointer;
+}
+
+.epiceditor-edit-mode #epiceditor-utilbar img.epiceditor-toggle-edit-btn {
+ display: none;
+}
+
+.epiceditor-preview-mode #epiceditor-utilbar img.epiceditor-toggle-preview-btn {
+ display: none;
+}
View
13 epiceditor/static/epiceditor/themes/editor/epic-dark.css
@@ -0,0 +1,13 @@
+html { padding:10px; }
+
+body {
+ border:0;
+ background:rgb(41,41,41);
+ font-family:monospace;
+ font-size:14px;
+ padding:10px;
+ color:#ddd;
+ line-height:1.35em;
+ margin:0;
+ padding:0;
+}
View
12 epiceditor/static/epiceditor/themes/editor/epic-light.css
@@ -0,0 +1,12 @@
+html { padding:10px; }
+
+body {
+ border:0;
+ background:#fcfcfc;
+ font-family:monospace;
+ font-size:14px;
+ padding:10px;
+ line-height:1.35em;
+ margin:0;
+ padding:0;
+}
View
167 epiceditor/static/epiceditor/themes/preview/bartik.css
@@ -0,0 +1,167 @@
+body {
+ font-family: Georgia, "Times New Roman", Times, serif;
+ line-height: 1.5;
+ font-size: 87.5%;
+ word-wrap: break-word;
+ margin: 2em;
+ padding: 0;
+ border: 0;
+ outline: 0;
+ background: #fff;
+}
+
+h1,