markdown editor
This commit is contained in:
parent
624ca9ee7a
commit
f560764292
@ -20,6 +20,8 @@
|
|||||||
//= require typeahead
|
//= require typeahead
|
||||||
//= require autosize
|
//= require autosize
|
||||||
//= require chosen.jquery
|
//= require chosen.jquery
|
||||||
|
//= require codemirror
|
||||||
|
//= require markdown
|
||||||
//= require underscore
|
//= require underscore
|
||||||
//= require_tree .
|
//= require_tree .
|
||||||
|
|
||||||
|
|||||||
@ -59,18 +59,6 @@
|
|||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
function initializeStepEditor($container) {
|
|
||||||
// $container is either an element that contains many editors, or a single editor.
|
|
||||||
var $editors = $container.find("textarea.step").closest(".step-editor");
|
|
||||||
|
|
||||||
$editors.each(function(idx, elem) {
|
|
||||||
var $editor = $(elem);
|
|
||||||
var $step = $editor.find("textarea.step");
|
|
||||||
autosize($step);
|
|
||||||
|
|
||||||
setTimeout(function() { autosize.update($step); }, 250);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
function initializeIngredientEditor($container, ingredientSearchEngine) {
|
function initializeIngredientEditor($container, ingredientSearchEngine) {
|
||||||
// $container is either an element that contains many editors, or a single editor.
|
// $container is either an element that contains many editors, or a single editor.
|
||||||
@ -160,62 +148,26 @@
|
|||||||
return data;
|
return data;
|
||||||
}
|
}
|
||||||
|
|
||||||
function addStep(step) {
|
|
||||||
$("#step-list").one("cocoon:before-insert", function(e, $container) {
|
|
||||||
var $step = $container.find("textarea.step");
|
|
||||||
$step.val(step);
|
|
||||||
});
|
|
||||||
|
|
||||||
$("#addStepButton").trigger("click");
|
|
||||||
}
|
|
||||||
|
|
||||||
function getSteps() {
|
|
||||||
var data = [];
|
|
||||||
$("#step-list .step-editor").each(function() {
|
|
||||||
var $container = $(this);
|
|
||||||
|
|
||||||
var $step = $container.find("textarea.step");
|
|
||||||
|
|
||||||
data.push($step.val());
|
|
||||||
});
|
|
||||||
|
|
||||||
return data;
|
|
||||||
}
|
|
||||||
|
|
||||||
$(document).on("turbolinks:load", function() {
|
$(document).on("turbolinks:load", function() {
|
||||||
|
|
||||||
var $ingredientList = $("#ingredient-list");
|
var $ingredientList = $("#ingredient-list");
|
||||||
var $stepList = $("#step-list");
|
|
||||||
var $tagInput = $("select.tag_names");
|
var $tagInput = $("select.tag_names");
|
||||||
|
var $stepInput = $("textarea#recipe_step_text");
|
||||||
|
|
||||||
if ($ingredientList.length) {
|
if ($ingredientList.length) {
|
||||||
ingredientSearchEngine.initialize(false);
|
ingredientSearchEngine.initialize(false);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
if ($stepInput.length) {
|
||||||
|
CodeMirror.fromTextArea($stepInput[0]);
|
||||||
|
}
|
||||||
|
|
||||||
$tagInput.tagsinput({
|
$tagInput.tagsinput({
|
||||||
trimValue: true,
|
trimValue: true,
|
||||||
confirmKeys: [9, 13, 32, 44] // tab, enter, space, comma
|
confirmKeys: [9, 13, 32, 44] // tab, enter, space, comma
|
||||||
});
|
});
|
||||||
|
|
||||||
initializeStepEditor($stepList);
|
|
||||||
|
|
||||||
$stepList
|
|
||||||
.on("cocoon:after-insert", function(e, item) {
|
|
||||||
reorder($(this));
|
|
||||||
initializeStepEditor(item);
|
|
||||||
})
|
|
||||||
.on("cocoon:after-remove", function(e, item) {
|
|
||||||
if (item.find(".remove-button.existing").length) {
|
|
||||||
item.detach().appendTo("#deleted_steps");
|
|
||||||
}
|
|
||||||
reorder($(this));
|
|
||||||
})
|
|
||||||
.on('changed', 'input.sort_order', function() {
|
|
||||||
var $this = $(this);
|
|
||||||
var $span = $this.closest(".nested-fields").find(".sort-order-display");
|
|
||||||
$span.html($this.val());
|
|
||||||
});
|
|
||||||
|
|
||||||
|
|
||||||
initializeIngredientEditor($ingredientList, ingredientSearchEngine);
|
initializeIngredientEditor($ingredientList, ingredientSearchEngine);
|
||||||
|
|
||||||
@ -405,85 +357,6 @@
|
|||||||
$bulkIngredientsModal.modal('hide')
|
$bulkIngredientsModal.modal('hide')
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
||||||
// ===========================================
|
|
||||||
// ===========================================
|
|
||||||
|
|
||||||
|
|
||||||
var $bulkStepsModal = $("#bulk_steps_modal");
|
|
||||||
var $stepBulkInput = $("#step_bulk_input");
|
|
||||||
var $stepBulkList = $("#step_bulk_parsed_list");
|
|
||||||
autosize($stepBulkInput);
|
|
||||||
|
|
||||||
var parseBulkSteps = function() {
|
|
||||||
var data = $stepBulkInput.val();
|
|
||||||
$stepBulkList.empty();
|
|
||||||
|
|
||||||
var parsed = [];
|
|
||||||
var x;
|
|
||||||
|
|
||||||
var lines = data.replace("\r", "").split("\n\n");
|
|
||||||
|
|
||||||
for (x = 0; x < lines.length; x++) {
|
|
||||||
var line = lines[x].trim().replace(/^\d+\./, "").trim();
|
|
||||||
if (line.length == 0) { continue; }
|
|
||||||
|
|
||||||
parsed.push(line);
|
|
||||||
}
|
|
||||||
|
|
||||||
$bulkStepsModal.data("bulkData", parsed);
|
|
||||||
|
|
||||||
for (x = 0; x < parsed.length; x++) {
|
|
||||||
var item = parsed[x];
|
|
||||||
if (item != null) {
|
|
||||||
$stepBulkList.append(
|
|
||||||
$("<tr />")
|
|
||||||
.append($("<td />").addClass("step").text(x + 1))
|
|
||||||
.append($("<td />").addClass("direction").text(item))
|
|
||||||
);
|
|
||||||
} else {
|
|
||||||
$stepBulkList.append(
|
|
||||||
$("<tr />")
|
|
||||||
.append($("<td />").attr("colspan", "2").text("<Cannot Parse>"))
|
|
||||||
);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
$bulkStepsModal
|
|
||||||
.on('show.bs.modal', function (event) {
|
|
||||||
var data = getSteps();
|
|
||||||
$stepBulkInput.val(data.join("\n\n"));
|
|
||||||
$stepBulkList.empty();
|
|
||||||
|
|
||||||
setTimeout(function() {
|
|
||||||
parseBulkSteps();
|
|
||||||
autosize.update($stepBulkInput);
|
|
||||||
}, 250);
|
|
||||||
});
|
|
||||||
|
|
||||||
$stepBulkInput.on('keyup', function() {
|
|
||||||
parseBulkSteps();
|
|
||||||
});
|
|
||||||
|
|
||||||
$("#bulkStepAddSubmit").on("click", function() {
|
|
||||||
var parsed = $bulkStepsModal.data("bulkData");
|
|
||||||
var x;
|
|
||||||
|
|
||||||
$("#step-list").find(".remove-button").trigger("click");
|
|
||||||
|
|
||||||
if (parsed && parsed.length) {
|
|
||||||
for (x = 0; x < parsed.length; x++) {
|
|
||||||
var item = parsed[x];
|
|
||||||
if (item) {
|
|
||||||
addStep(item);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
$bulkStepsModal.modal('hide')
|
|
||||||
});
|
|
||||||
|
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
@ -12,6 +12,7 @@
|
|||||||
*
|
*
|
||||||
*= require flash_messages
|
*= require flash_messages
|
||||||
*= require chosen
|
*= require chosen
|
||||||
|
*= require codemirror
|
||||||
*= require bootstrap-datepicker3
|
*= require bootstrap-datepicker3
|
||||||
*= require bootstrap-tagsinput
|
*= require bootstrap-tagsinput
|
||||||
*= require font_references
|
*= require font_references
|
||||||
|
|||||||
@ -30,24 +30,12 @@ div.ingredient-editor {
|
|||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
div.step-editor {
|
div.recipe_editor div.steps {
|
||||||
@include editor;
|
border: 1px solid black ;
|
||||||
|
|
||||||
padding-bottom: 4px;
|
|
||||||
|
|
||||||
.form-group {
|
|
||||||
margin-bottom: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.sort-order-display {
|
|
||||||
font-size: 120%;
|
|
||||||
font-weight: normal;
|
|
||||||
line-height: 50px;
|
|
||||||
padding-left: 15px;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
div#ingredient-list, div#step-list {
|
|
||||||
|
div#ingredient-list {
|
||||||
padding-bottom: 15px;
|
padding-bottom: 15px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
9304
vendor/assets/javascripts/codemirror.js
vendored
Normal file
9304
vendor/assets/javascripts/codemirror.js
vendored
Normal file
File diff suppressed because it is too large
Load Diff
808
vendor/assets/javascripts/markdown.js
vendored
Normal file
808
vendor/assets/javascripts/markdown.js
vendored
Normal file
@ -0,0 +1,808 @@
|
|||||||
|
// CodeMirror, copyright (c) by Marijn Haverbeke and others
|
||||||
|
// Distributed under an MIT license: http://codemirror.net/LICENSE
|
||||||
|
|
||||||
|
(function(mod) {
|
||||||
|
if (typeof exports == "object" && typeof module == "object") // CommonJS
|
||||||
|
mod(require("../../lib/codemirror"), require("../xml/xml"), require("../meta"));
|
||||||
|
else if (typeof define == "function" && define.amd) // AMD
|
||||||
|
define(["../../lib/codemirror", "../xml/xml", "../meta"], mod);
|
||||||
|
else // Plain browser env
|
||||||
|
mod(CodeMirror);
|
||||||
|
})(function(CodeMirror) {
|
||||||
|
"use strict";
|
||||||
|
|
||||||
|
CodeMirror.defineMode("markdown", function(cmCfg, modeCfg) {
|
||||||
|
|
||||||
|
var htmlMode = CodeMirror.getMode(cmCfg, "text/html");
|
||||||
|
var htmlModeMissing = htmlMode.name == "null"
|
||||||
|
|
||||||
|
function getMode(name) {
|
||||||
|
if (CodeMirror.findModeByName) {
|
||||||
|
var found = CodeMirror.findModeByName(name);
|
||||||
|
if (found) name = found.mime || found.mimes[0];
|
||||||
|
}
|
||||||
|
var mode = CodeMirror.getMode(cmCfg, name);
|
||||||
|
return mode.name == "null" ? null : mode;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Should characters that affect highlighting be highlighted separate?
|
||||||
|
// Does not include characters that will be output (such as `1.` and `-` for lists)
|
||||||
|
if (modeCfg.highlightFormatting === undefined)
|
||||||
|
modeCfg.highlightFormatting = false;
|
||||||
|
|
||||||
|
// Maximum number of nested blockquotes. Set to 0 for infinite nesting.
|
||||||
|
// Excess `>` will emit `error` token.
|
||||||
|
if (modeCfg.maxBlockquoteDepth === undefined)
|
||||||
|
modeCfg.maxBlockquoteDepth = 0;
|
||||||
|
|
||||||
|
// Should underscores in words open/close em/strong?
|
||||||
|
if (modeCfg.underscoresBreakWords === undefined)
|
||||||
|
modeCfg.underscoresBreakWords = true;
|
||||||
|
|
||||||
|
// Use `fencedCodeBlocks` to configure fenced code blocks. false to
|
||||||
|
// disable, string to specify a precise regexp that the fence should
|
||||||
|
// match, and true to allow three or more backticks or tildes (as
|
||||||
|
// per CommonMark).
|
||||||
|
|
||||||
|
// Turn on task lists? ("- [ ] " and "- [x] ")
|
||||||
|
if (modeCfg.taskLists === undefined) modeCfg.taskLists = false;
|
||||||
|
|
||||||
|
// Turn on strikethrough syntax
|
||||||
|
if (modeCfg.strikethrough === undefined)
|
||||||
|
modeCfg.strikethrough = false;
|
||||||
|
|
||||||
|
// Allow token types to be overridden by user-provided token types.
|
||||||
|
if (modeCfg.tokenTypeOverrides === undefined)
|
||||||
|
modeCfg.tokenTypeOverrides = {};
|
||||||
|
|
||||||
|
var tokenTypes = {
|
||||||
|
header: "header",
|
||||||
|
code: "comment",
|
||||||
|
quote: "quote",
|
||||||
|
list1: "variable-2",
|
||||||
|
list2: "variable-3",
|
||||||
|
list3: "keyword",
|
||||||
|
hr: "hr",
|
||||||
|
image: "image",
|
||||||
|
imageAltText: "image-alt-text",
|
||||||
|
imageMarker: "image-marker",
|
||||||
|
formatting: "formatting",
|
||||||
|
linkInline: "link",
|
||||||
|
linkEmail: "link",
|
||||||
|
linkText: "link",
|
||||||
|
linkHref: "string",
|
||||||
|
em: "em",
|
||||||
|
strong: "strong",
|
||||||
|
strikethrough: "strikethrough"
|
||||||
|
};
|
||||||
|
|
||||||
|
for (var tokenType in tokenTypes) {
|
||||||
|
if (tokenTypes.hasOwnProperty(tokenType) && modeCfg.tokenTypeOverrides[tokenType]) {
|
||||||
|
tokenTypes[tokenType] = modeCfg.tokenTypeOverrides[tokenType];
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
var hrRE = /^([*\-_])(?:\s*\1){2,}\s*$/
|
||||||
|
, listRE = /^(?:[*\-+]|^[0-9]+([.)]))\s+/
|
||||||
|
, taskListRE = /^\[(x| )\](?=\s)/ // Must follow listRE
|
||||||
|
, atxHeaderRE = modeCfg.allowAtxHeaderWithoutSpace ? /^(#+)/ : /^(#+)(?: |$)/
|
||||||
|
, setextHeaderRE = /^ *(?:\={1,}|-{1,})\s*$/
|
||||||
|
, textRE = /^[^#!\[\]*_\\<>` "'(~]+/
|
||||||
|
, fencedCodeRE = new RegExp("^(" + (modeCfg.fencedCodeBlocks === true ? "~~~+|```+" : modeCfg.fencedCodeBlocks) +
|
||||||
|
")[ \\t]*([\\w+#\-]*)");
|
||||||
|
|
||||||
|
function switchInline(stream, state, f) {
|
||||||
|
state.f = state.inline = f;
|
||||||
|
return f(stream, state);
|
||||||
|
}
|
||||||
|
|
||||||
|
function switchBlock(stream, state, f) {
|
||||||
|
state.f = state.block = f;
|
||||||
|
return f(stream, state);
|
||||||
|
}
|
||||||
|
|
||||||
|
function lineIsEmpty(line) {
|
||||||
|
return !line || !/\S/.test(line.string)
|
||||||
|
}
|
||||||
|
|
||||||
|
// Blocks
|
||||||
|
|
||||||
|
function blankLine(state) {
|
||||||
|
// Reset linkTitle state
|
||||||
|
state.linkTitle = false;
|
||||||
|
// Reset EM state
|
||||||
|
state.em = false;
|
||||||
|
// Reset STRONG state
|
||||||
|
state.strong = false;
|
||||||
|
// Reset strikethrough state
|
||||||
|
state.strikethrough = false;
|
||||||
|
// Reset state.quote
|
||||||
|
state.quote = 0;
|
||||||
|
// Reset state.indentedCode
|
||||||
|
state.indentedCode = false;
|
||||||
|
if (state.f == htmlBlock) {
|
||||||
|
state.f = inlineNormal;
|
||||||
|
state.block = blockNormal;
|
||||||
|
}
|
||||||
|
// Reset state.trailingSpace
|
||||||
|
state.trailingSpace = 0;
|
||||||
|
state.trailingSpaceNewLine = false;
|
||||||
|
// Mark this line as blank
|
||||||
|
state.prevLine = state.thisLine
|
||||||
|
state.thisLine = null
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
|
||||||
|
function blockNormal(stream, state) {
|
||||||
|
|
||||||
|
var sol = stream.sol();
|
||||||
|
|
||||||
|
var prevLineIsList = state.list !== false,
|
||||||
|
prevLineIsIndentedCode = state.indentedCode;
|
||||||
|
|
||||||
|
state.indentedCode = false;
|
||||||
|
|
||||||
|
if (prevLineIsList) {
|
||||||
|
if (state.indentationDiff >= 0) { // Continued list
|
||||||
|
if (state.indentationDiff < 4) { // Only adjust indentation if *not* a code block
|
||||||
|
state.indentation -= state.indentationDiff;
|
||||||
|
}
|
||||||
|
state.list = null;
|
||||||
|
} else if (state.indentation > 0) {
|
||||||
|
state.list = null;
|
||||||
|
} else { // No longer a list
|
||||||
|
state.list = false;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
var match = null;
|
||||||
|
if (state.indentationDiff >= 4) {
|
||||||
|
stream.skipToEnd();
|
||||||
|
if (prevLineIsIndentedCode || lineIsEmpty(state.prevLine)) {
|
||||||
|
state.indentation -= 4;
|
||||||
|
state.indentedCode = true;
|
||||||
|
return tokenTypes.code;
|
||||||
|
} else {
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
} else if (stream.eatSpace()) {
|
||||||
|
return null;
|
||||||
|
} else if ((match = stream.match(atxHeaderRE)) && match[1].length <= 6) {
|
||||||
|
state.header = match[1].length;
|
||||||
|
if (modeCfg.highlightFormatting) state.formatting = "header";
|
||||||
|
state.f = state.inline;
|
||||||
|
return getType(state);
|
||||||
|
} else if (!lineIsEmpty(state.prevLine) && !state.quote && !prevLineIsList &&
|
||||||
|
!prevLineIsIndentedCode && (match = stream.match(setextHeaderRE))) {
|
||||||
|
state.header = match[0].charAt(0) == '=' ? 1 : 2;
|
||||||
|
if (modeCfg.highlightFormatting) state.formatting = "header";
|
||||||
|
state.f = state.inline;
|
||||||
|
return getType(state);
|
||||||
|
} else if (stream.eat('>')) {
|
||||||
|
state.quote = sol ? 1 : state.quote + 1;
|
||||||
|
if (modeCfg.highlightFormatting) state.formatting = "quote";
|
||||||
|
stream.eatSpace();
|
||||||
|
return getType(state);
|
||||||
|
} else if (stream.peek() === '[') {
|
||||||
|
return switchInline(stream, state, footnoteLink);
|
||||||
|
} else if (stream.match(hrRE, true)) {
|
||||||
|
state.hr = true;
|
||||||
|
return tokenTypes.hr;
|
||||||
|
} else if (match = stream.match(listRE)) {
|
||||||
|
var listType = match[1] ? "ol" : "ul";
|
||||||
|
state.indentation = stream.column() + stream.current().length;
|
||||||
|
state.list = true;
|
||||||
|
|
||||||
|
// While this list item's marker's indentation
|
||||||
|
// is less than the deepest list item's content's indentation,
|
||||||
|
// pop the deepest list item indentation off the stack.
|
||||||
|
while (state.listStack && stream.column() < state.listStack[state.listStack.length - 1]) {
|
||||||
|
state.listStack.pop();
|
||||||
|
}
|
||||||
|
|
||||||
|
// Add this list item's content's indentation to the stack
|
||||||
|
state.listStack.push(state.indentation);
|
||||||
|
|
||||||
|
if (modeCfg.taskLists && stream.match(taskListRE, false)) {
|
||||||
|
state.taskList = true;
|
||||||
|
}
|
||||||
|
state.f = state.inline;
|
||||||
|
if (modeCfg.highlightFormatting) state.formatting = ["list", "list-" + listType];
|
||||||
|
return getType(state);
|
||||||
|
} else if (modeCfg.fencedCodeBlocks && (match = stream.match(fencedCodeRE, true))) {
|
||||||
|
state.fencedChars = match[1]
|
||||||
|
// try switching mode
|
||||||
|
state.localMode = getMode(match[2]);
|
||||||
|
if (state.localMode) state.localState = CodeMirror.startState(state.localMode);
|
||||||
|
state.f = state.block = local;
|
||||||
|
if (modeCfg.highlightFormatting) state.formatting = "code-block";
|
||||||
|
state.code = -1
|
||||||
|
return getType(state);
|
||||||
|
}
|
||||||
|
|
||||||
|
return switchInline(stream, state, state.inline);
|
||||||
|
}
|
||||||
|
|
||||||
|
function htmlBlock(stream, state) {
|
||||||
|
var style = htmlMode.token(stream, state.htmlState);
|
||||||
|
if (!htmlModeMissing) {
|
||||||
|
var inner = CodeMirror.innerMode(htmlMode, state.htmlState)
|
||||||
|
if ((inner.mode.name == "xml" && inner.state.tagStart === null &&
|
||||||
|
(!inner.state.context && inner.state.tokenize.isInText)) ||
|
||||||
|
(state.md_inside && stream.current().indexOf(">") > -1)) {
|
||||||
|
state.f = inlineNormal;
|
||||||
|
state.block = blockNormal;
|
||||||
|
state.htmlState = null;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return style;
|
||||||
|
}
|
||||||
|
|
||||||
|
function local(stream, state) {
|
||||||
|
if (state.fencedChars && stream.match(state.fencedChars)) {
|
||||||
|
if (modeCfg.highlightFormatting) state.formatting = "code-block";
|
||||||
|
var returnType = getType(state)
|
||||||
|
state.localMode = state.localState = null;
|
||||||
|
state.block = blockNormal;
|
||||||
|
state.f = inlineNormal;
|
||||||
|
state.fencedChars = null;
|
||||||
|
state.code = 0
|
||||||
|
return returnType;
|
||||||
|
} else if (state.fencedChars && stream.skipTo(state.fencedChars)) {
|
||||||
|
return "comment"
|
||||||
|
} else if (state.localMode) {
|
||||||
|
return state.localMode.token(stream, state.localState);
|
||||||
|
} else {
|
||||||
|
stream.skipToEnd();
|
||||||
|
return tokenTypes.code;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Inline
|
||||||
|
function getType(state) {
|
||||||
|
var styles = [];
|
||||||
|
|
||||||
|
if (state.formatting) {
|
||||||
|
styles.push(tokenTypes.formatting);
|
||||||
|
|
||||||
|
if (typeof state.formatting === "string") state.formatting = [state.formatting];
|
||||||
|
|
||||||
|
for (var i = 0; i < state.formatting.length; i++) {
|
||||||
|
styles.push(tokenTypes.formatting + "-" + state.formatting[i]);
|
||||||
|
|
||||||
|
if (state.formatting[i] === "header") {
|
||||||
|
styles.push(tokenTypes.formatting + "-" + state.formatting[i] + "-" + state.header);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Add `formatting-quote` and `formatting-quote-#` for blockquotes
|
||||||
|
// Add `error` instead if the maximum blockquote nesting depth is passed
|
||||||
|
if (state.formatting[i] === "quote") {
|
||||||
|
if (!modeCfg.maxBlockquoteDepth || modeCfg.maxBlockquoteDepth >= state.quote) {
|
||||||
|
styles.push(tokenTypes.formatting + "-" + state.formatting[i] + "-" + state.quote);
|
||||||
|
} else {
|
||||||
|
styles.push("error");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
if (state.taskOpen) {
|
||||||
|
styles.push("meta");
|
||||||
|
return styles.length ? styles.join(' ') : null;
|
||||||
|
}
|
||||||
|
if (state.taskClosed) {
|
||||||
|
styles.push("property");
|
||||||
|
return styles.length ? styles.join(' ') : null;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (state.linkHref) {
|
||||||
|
styles.push(tokenTypes.linkHref, "url");
|
||||||
|
} else { // Only apply inline styles to non-url text
|
||||||
|
if (state.strong) { styles.push(tokenTypes.strong); }
|
||||||
|
if (state.em) { styles.push(tokenTypes.em); }
|
||||||
|
if (state.strikethrough) { styles.push(tokenTypes.strikethrough); }
|
||||||
|
if (state.linkText) { styles.push(tokenTypes.linkText); }
|
||||||
|
if (state.code) { styles.push(tokenTypes.code); }
|
||||||
|
if (state.image) { styles.push(tokenTypes.image); }
|
||||||
|
if (state.imageAltText) { styles.push(tokenTypes.imageAltText, "link"); }
|
||||||
|
if (state.imageMarker) { styles.push(tokenTypes.imageMarker); }
|
||||||
|
}
|
||||||
|
|
||||||
|
if (state.header) { styles.push(tokenTypes.header, tokenTypes.header + "-" + state.header); }
|
||||||
|
|
||||||
|
if (state.quote) {
|
||||||
|
styles.push(tokenTypes.quote);
|
||||||
|
|
||||||
|
// Add `quote-#` where the maximum for `#` is modeCfg.maxBlockquoteDepth
|
||||||
|
if (!modeCfg.maxBlockquoteDepth || modeCfg.maxBlockquoteDepth >= state.quote) {
|
||||||
|
styles.push(tokenTypes.quote + "-" + state.quote);
|
||||||
|
} else {
|
||||||
|
styles.push(tokenTypes.quote + "-" + modeCfg.maxBlockquoteDepth);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
if (state.list !== false) {
|
||||||
|
var listMod = (state.listStack.length - 1) % 3;
|
||||||
|
if (!listMod) {
|
||||||
|
styles.push(tokenTypes.list1);
|
||||||
|
} else if (listMod === 1) {
|
||||||
|
styles.push(tokenTypes.list2);
|
||||||
|
} else {
|
||||||
|
styles.push(tokenTypes.list3);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
if (state.trailingSpaceNewLine) {
|
||||||
|
styles.push("trailing-space-new-line");
|
||||||
|
} else if (state.trailingSpace) {
|
||||||
|
styles.push("trailing-space-" + (state.trailingSpace % 2 ? "a" : "b"));
|
||||||
|
}
|
||||||
|
|
||||||
|
return styles.length ? styles.join(' ') : null;
|
||||||
|
}
|
||||||
|
|
||||||
|
function handleText(stream, state) {
|
||||||
|
if (stream.match(textRE, true)) {
|
||||||
|
return getType(state);
|
||||||
|
}
|
||||||
|
return undefined;
|
||||||
|
}
|
||||||
|
|
||||||
|
function inlineNormal(stream, state) {
|
||||||
|
var style = state.text(stream, state);
|
||||||
|
if (typeof style !== 'undefined')
|
||||||
|
return style;
|
||||||
|
|
||||||
|
if (state.list) { // List marker (*, +, -, 1., etc)
|
||||||
|
state.list = null;
|
||||||
|
return getType(state);
|
||||||
|
}
|
||||||
|
|
||||||
|
if (state.taskList) {
|
||||||
|
var taskOpen = stream.match(taskListRE, true)[1] !== "x";
|
||||||
|
if (taskOpen) state.taskOpen = true;
|
||||||
|
else state.taskClosed = true;
|
||||||
|
if (modeCfg.highlightFormatting) state.formatting = "task";
|
||||||
|
state.taskList = false;
|
||||||
|
return getType(state);
|
||||||
|
}
|
||||||
|
|
||||||
|
state.taskOpen = false;
|
||||||
|
state.taskClosed = false;
|
||||||
|
|
||||||
|
if (state.header && stream.match(/^#+$/, true)) {
|
||||||
|
if (modeCfg.highlightFormatting) state.formatting = "header";
|
||||||
|
return getType(state);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Get sol() value now, before character is consumed
|
||||||
|
var sol = stream.sol();
|
||||||
|
|
||||||
|
var ch = stream.next();
|
||||||
|
|
||||||
|
// Matches link titles present on next line
|
||||||
|
if (state.linkTitle) {
|
||||||
|
state.linkTitle = false;
|
||||||
|
var matchCh = ch;
|
||||||
|
if (ch === '(') {
|
||||||
|
matchCh = ')';
|
||||||
|
}
|
||||||
|
matchCh = (matchCh+'').replace(/([.?*+^$[\]\\(){}|-])/g, "\\$1");
|
||||||
|
var regex = '^\\s*(?:[^' + matchCh + '\\\\]+|\\\\\\\\|\\\\.)' + matchCh;
|
||||||
|
if (stream.match(new RegExp(regex), true)) {
|
||||||
|
return tokenTypes.linkHref;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// If this block is changed, it may need to be updated in GFM mode
|
||||||
|
if (ch === '`') {
|
||||||
|
var previousFormatting = state.formatting;
|
||||||
|
if (modeCfg.highlightFormatting) state.formatting = "code";
|
||||||
|
stream.eatWhile('`');
|
||||||
|
var count = stream.current().length
|
||||||
|
if (state.code == 0) {
|
||||||
|
state.code = count
|
||||||
|
return getType(state)
|
||||||
|
} else if (count == state.code) { // Must be exact
|
||||||
|
var t = getType(state)
|
||||||
|
state.code = 0
|
||||||
|
return t
|
||||||
|
} else {
|
||||||
|
state.formatting = previousFormatting
|
||||||
|
return getType(state)
|
||||||
|
}
|
||||||
|
} else if (state.code) {
|
||||||
|
return getType(state);
|
||||||
|
}
|
||||||
|
|
||||||
|
if (ch === '\\') {
|
||||||
|
stream.next();
|
||||||
|
if (modeCfg.highlightFormatting) {
|
||||||
|
var type = getType(state);
|
||||||
|
var formattingEscape = tokenTypes.formatting + "-escape";
|
||||||
|
return type ? type + " " + formattingEscape : formattingEscape;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
if (ch === '!' && stream.match(/\[[^\]]*\] ?(?:\(|\[)/, false)) {
|
||||||
|
state.imageMarker = true;
|
||||||
|
state.image = true;
|
||||||
|
if (modeCfg.highlightFormatting) state.formatting = "image";
|
||||||
|
return getType(state);
|
||||||
|
}
|
||||||
|
|
||||||
|
if (ch === '[' && state.imageMarker && stream.match(/[^\]]*\](\(.*?\)| ?\[.*?\])/, false)) {
|
||||||
|
state.imageMarker = false;
|
||||||
|
state.imageAltText = true
|
||||||
|
if (modeCfg.highlightFormatting) state.formatting = "image";
|
||||||
|
return getType(state);
|
||||||
|
}
|
||||||
|
|
||||||
|
if (ch === ']' && state.imageAltText) {
|
||||||
|
if (modeCfg.highlightFormatting) state.formatting = "image";
|
||||||
|
var type = getType(state);
|
||||||
|
state.imageAltText = false;
|
||||||
|
state.image = false;
|
||||||
|
state.inline = state.f = linkHref;
|
||||||
|
return type;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (ch === '[' && stream.match(/[^\]]*\](\(.*\)| ?\[.*?\])/, false) && !state.image) {
|
||||||
|
state.linkText = true;
|
||||||
|
if (modeCfg.highlightFormatting) state.formatting = "link";
|
||||||
|
return getType(state);
|
||||||
|
}
|
||||||
|
|
||||||
|
if (ch === ']' && state.linkText && stream.match(/\(.*?\)| ?\[.*?\]/, false)) {
|
||||||
|
if (modeCfg.highlightFormatting) state.formatting = "link";
|
||||||
|
var type = getType(state);
|
||||||
|
state.linkText = false;
|
||||||
|
state.inline = state.f = linkHref;
|
||||||
|
return type;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (ch === '<' && stream.match(/^(https?|ftps?):\/\/(?:[^\\>]|\\.)+>/, false)) {
|
||||||
|
state.f = state.inline = linkInline;
|
||||||
|
if (modeCfg.highlightFormatting) state.formatting = "link";
|
||||||
|
var type = getType(state);
|
||||||
|
if (type){
|
||||||
|
type += " ";
|
||||||
|
} else {
|
||||||
|
type = "";
|
||||||
|
}
|
||||||
|
return type + tokenTypes.linkInline;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (ch === '<' && stream.match(/^[^> \\]+@(?:[^\\>]|\\.)+>/, false)) {
|
||||||
|
state.f = state.inline = linkInline;
|
||||||
|
if (modeCfg.highlightFormatting) state.formatting = "link";
|
||||||
|
var type = getType(state);
|
||||||
|
if (type){
|
||||||
|
type += " ";
|
||||||
|
} else {
|
||||||
|
type = "";
|
||||||
|
}
|
||||||
|
return type + tokenTypes.linkEmail;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (ch === '<' && stream.match(/^(!--|[a-z]+(?:\s+[a-z_:.\-]+(?:\s*=\s*[^ >]+)?)*\s*>)/i, false)) {
|
||||||
|
var end = stream.string.indexOf(">", stream.pos);
|
||||||
|
if (end != -1) {
|
||||||
|
var atts = stream.string.substring(stream.start, end);
|
||||||
|
if (/markdown\s*=\s*('|"){0,1}1('|"){0,1}/.test(atts)) state.md_inside = true;
|
||||||
|
}
|
||||||
|
stream.backUp(1);
|
||||||
|
state.htmlState = CodeMirror.startState(htmlMode);
|
||||||
|
return switchBlock(stream, state, htmlBlock);
|
||||||
|
}
|
||||||
|
|
||||||
|
if (ch === '<' && stream.match(/^\/\w*?>/)) {
|
||||||
|
state.md_inside = false;
|
||||||
|
return "tag";
|
||||||
|
}
|
||||||
|
|
||||||
|
var ignoreUnderscore = false;
|
||||||
|
if (!modeCfg.underscoresBreakWords) {
|
||||||
|
if (ch === '_' && stream.peek() !== '_' && stream.match(/(\w)/, false)) {
|
||||||
|
var prevPos = stream.pos - 2;
|
||||||
|
if (prevPos >= 0) {
|
||||||
|
var prevCh = stream.string.charAt(prevPos);
|
||||||
|
if (prevCh !== '_' && prevCh.match(/(\w)/, false)) {
|
||||||
|
ignoreUnderscore = true;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
if (ch === '*' || (ch === '_' && !ignoreUnderscore)) {
|
||||||
|
if (sol && stream.peek() === ' ') {
|
||||||
|
// Do nothing, surrounded by newline and space
|
||||||
|
} else if (state.strong === ch && stream.eat(ch)) { // Remove STRONG
|
||||||
|
if (modeCfg.highlightFormatting) state.formatting = "strong";
|
||||||
|
var t = getType(state);
|
||||||
|
state.strong = false;
|
||||||
|
return t;
|
||||||
|
} else if (!state.strong && stream.eat(ch)) { // Add STRONG
|
||||||
|
state.strong = ch;
|
||||||
|
if (modeCfg.highlightFormatting) state.formatting = "strong";
|
||||||
|
return getType(state);
|
||||||
|
} else if (state.em === ch) { // Remove EM
|
||||||
|
if (modeCfg.highlightFormatting) state.formatting = "em";
|
||||||
|
var t = getType(state);
|
||||||
|
state.em = false;
|
||||||
|
return t;
|
||||||
|
} else if (!state.em) { // Add EM
|
||||||
|
state.em = ch;
|
||||||
|
if (modeCfg.highlightFormatting) state.formatting = "em";
|
||||||
|
return getType(state);
|
||||||
|
}
|
||||||
|
} else if (ch === ' ') {
|
||||||
|
if (stream.eat('*') || stream.eat('_')) { // Probably surrounded by spaces
|
||||||
|
if (stream.peek() === ' ') { // Surrounded by spaces, ignore
|
||||||
|
return getType(state);
|
||||||
|
} else { // Not surrounded by spaces, back up pointer
|
||||||
|
stream.backUp(1);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
if (modeCfg.strikethrough) {
|
||||||
|
if (ch === '~' && stream.eatWhile(ch)) {
|
||||||
|
if (state.strikethrough) {// Remove strikethrough
|
||||||
|
if (modeCfg.highlightFormatting) state.formatting = "strikethrough";
|
||||||
|
var t = getType(state);
|
||||||
|
state.strikethrough = false;
|
||||||
|
return t;
|
||||||
|
} else if (stream.match(/^[^\s]/, false)) {// Add strikethrough
|
||||||
|
state.strikethrough = true;
|
||||||
|
if (modeCfg.highlightFormatting) state.formatting = "strikethrough";
|
||||||
|
return getType(state);
|
||||||
|
}
|
||||||
|
} else if (ch === ' ') {
|
||||||
|
if (stream.match(/^~~/, true)) { // Probably surrounded by space
|
||||||
|
if (stream.peek() === ' ') { // Surrounded by spaces, ignore
|
||||||
|
return getType(state);
|
||||||
|
} else { // Not surrounded by spaces, back up pointer
|
||||||
|
stream.backUp(2);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
if (ch === ' ') {
|
||||||
|
if (stream.match(/ +$/, false)) {
|
||||||
|
state.trailingSpace++;
|
||||||
|
} else if (state.trailingSpace) {
|
||||||
|
state.trailingSpaceNewLine = true;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
return getType(state);
|
||||||
|
}
|
||||||
|
|
||||||
|
function linkInline(stream, state) {
|
||||||
|
var ch = stream.next();
|
||||||
|
|
||||||
|
if (ch === ">") {
|
||||||
|
state.f = state.inline = inlineNormal;
|
||||||
|
if (modeCfg.highlightFormatting) state.formatting = "link";
|
||||||
|
var type = getType(state);
|
||||||
|
if (type){
|
||||||
|
type += " ";
|
||||||
|
} else {
|
||||||
|
type = "";
|
||||||
|
}
|
||||||
|
return type + tokenTypes.linkInline;
|
||||||
|
}
|
||||||
|
|
||||||
|
stream.match(/^[^>]+/, true);
|
||||||
|
|
||||||
|
return tokenTypes.linkInline;
|
||||||
|
}
|
||||||
|
|
||||||
|
function linkHref(stream, state) {
|
||||||
|
// Check if space, and return NULL if so (to avoid marking the space)
|
||||||
|
if(stream.eatSpace()){
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
var ch = stream.next();
|
||||||
|
if (ch === '(' || ch === '[') {
|
||||||
|
state.f = state.inline = getLinkHrefInside(ch === "(" ? ")" : "]", 0);
|
||||||
|
if (modeCfg.highlightFormatting) state.formatting = "link-string";
|
||||||
|
state.linkHref = true;
|
||||||
|
return getType(state);
|
||||||
|
}
|
||||||
|
return 'error';
|
||||||
|
}
|
||||||
|
|
||||||
|
var linkRE = {
|
||||||
|
")": /^(?:[^\\\(\)]|\\.|\((?:[^\\\(\)]|\\.)*\))*?(?=\))/,
|
||||||
|
"]": /^(?:[^\\\[\]]|\\.|\[(?:[^\\\[\\]]|\\.)*\])*?(?=\])/
|
||||||
|
}
|
||||||
|
|
||||||
|
function getLinkHrefInside(endChar) {
|
||||||
|
return function(stream, state) {
|
||||||
|
var ch = stream.next();
|
||||||
|
|
||||||
|
if (ch === endChar) {
|
||||||
|
state.f = state.inline = inlineNormal;
|
||||||
|
if (modeCfg.highlightFormatting) state.formatting = "link-string";
|
||||||
|
var returnState = getType(state);
|
||||||
|
state.linkHref = false;
|
||||||
|
return returnState;
|
||||||
|
}
|
||||||
|
|
||||||
|
stream.match(linkRE[endChar])
|
||||||
|
state.linkHref = true;
|
||||||
|
return getType(state);
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
function footnoteLink(stream, state) {
|
||||||
|
if (stream.match(/^([^\]\\]|\\.)*\]:/, false)) {
|
||||||
|
state.f = footnoteLinkInside;
|
||||||
|
stream.next(); // Consume [
|
||||||
|
if (modeCfg.highlightFormatting) state.formatting = "link";
|
||||||
|
state.linkText = true;
|
||||||
|
return getType(state);
|
||||||
|
}
|
||||||
|
return switchInline(stream, state, inlineNormal);
|
||||||
|
}
|
||||||
|
|
||||||
|
function footnoteLinkInside(stream, state) {
|
||||||
|
if (stream.match(/^\]:/, true)) {
|
||||||
|
state.f = state.inline = footnoteUrl;
|
||||||
|
if (modeCfg.highlightFormatting) state.formatting = "link";
|
||||||
|
var returnType = getType(state);
|
||||||
|
state.linkText = false;
|
||||||
|
return returnType;
|
||||||
|
}
|
||||||
|
|
||||||
|
stream.match(/^([^\]\\]|\\.)+/, true);
|
||||||
|
|
||||||
|
return tokenTypes.linkText;
|
||||||
|
}
|
||||||
|
|
||||||
|
function footnoteUrl(stream, state) {
|
||||||
|
// Check if space, and return NULL if so (to avoid marking the space)
|
||||||
|
if(stream.eatSpace()){
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
// Match URL
|
||||||
|
stream.match(/^[^\s]+/, true);
|
||||||
|
// Check for link title
|
||||||
|
if (stream.peek() === undefined) { // End of line, set flag to check next line
|
||||||
|
state.linkTitle = true;
|
||||||
|
} else { // More content on line, check if link title
|
||||||
|
stream.match(/^(?:\s+(?:"(?:[^"\\]|\\\\|\\.)+"|'(?:[^'\\]|\\\\|\\.)+'|\((?:[^)\\]|\\\\|\\.)+\)))?/, true);
|
||||||
|
}
|
||||||
|
state.f = state.inline = inlineNormal;
|
||||||
|
return tokenTypes.linkHref + " url";
|
||||||
|
}
|
||||||
|
|
||||||
|
var mode = {
|
||||||
|
startState: function() {
|
||||||
|
return {
|
||||||
|
f: blockNormal,
|
||||||
|
|
||||||
|
prevLine: null,
|
||||||
|
thisLine: null,
|
||||||
|
|
||||||
|
block: blockNormal,
|
||||||
|
htmlState: null,
|
||||||
|
indentation: 0,
|
||||||
|
|
||||||
|
inline: inlineNormal,
|
||||||
|
text: handleText,
|
||||||
|
|
||||||
|
formatting: false,
|
||||||
|
linkText: false,
|
||||||
|
linkHref: false,
|
||||||
|
linkTitle: false,
|
||||||
|
code: 0,
|
||||||
|
em: false,
|
||||||
|
strong: false,
|
||||||
|
header: 0,
|
||||||
|
hr: false,
|
||||||
|
taskList: false,
|
||||||
|
list: false,
|
||||||
|
listStack: [],
|
||||||
|
quote: 0,
|
||||||
|
trailingSpace: 0,
|
||||||
|
trailingSpaceNewLine: false,
|
||||||
|
strikethrough: false,
|
||||||
|
fencedChars: null
|
||||||
|
};
|
||||||
|
},
|
||||||
|
|
||||||
|
copyState: function(s) {
|
||||||
|
return {
|
||||||
|
f: s.f,
|
||||||
|
|
||||||
|
prevLine: s.prevLine,
|
||||||
|
thisLine: s.thisLine,
|
||||||
|
|
||||||
|
block: s.block,
|
||||||
|
htmlState: s.htmlState && CodeMirror.copyState(htmlMode, s.htmlState),
|
||||||
|
indentation: s.indentation,
|
||||||
|
|
||||||
|
localMode: s.localMode,
|
||||||
|
localState: s.localMode ? CodeMirror.copyState(s.localMode, s.localState) : null,
|
||||||
|
|
||||||
|
inline: s.inline,
|
||||||
|
text: s.text,
|
||||||
|
formatting: false,
|
||||||
|
linkTitle: s.linkTitle,
|
||||||
|
code: s.code,
|
||||||
|
em: s.em,
|
||||||
|
strong: s.strong,
|
||||||
|
strikethrough: s.strikethrough,
|
||||||
|
header: s.header,
|
||||||
|
hr: s.hr,
|
||||||
|
taskList: s.taskList,
|
||||||
|
list: s.list,
|
||||||
|
listStack: s.listStack.slice(0),
|
||||||
|
quote: s.quote,
|
||||||
|
indentedCode: s.indentedCode,
|
||||||
|
trailingSpace: s.trailingSpace,
|
||||||
|
trailingSpaceNewLine: s.trailingSpaceNewLine,
|
||||||
|
md_inside: s.md_inside,
|
||||||
|
fencedChars: s.fencedChars
|
||||||
|
};
|
||||||
|
},
|
||||||
|
|
||||||
|
token: function(stream, state) {
|
||||||
|
|
||||||
|
// Reset state.formatting
|
||||||
|
state.formatting = false;
|
||||||
|
|
||||||
|
if (stream != state.thisLine) {
|
||||||
|
var forceBlankLine = state.header || state.hr;
|
||||||
|
|
||||||
|
// Reset state.header and state.hr
|
||||||
|
state.header = 0;
|
||||||
|
state.hr = false;
|
||||||
|
|
||||||
|
if (stream.match(/^\s*$/, true) || forceBlankLine) {
|
||||||
|
blankLine(state);
|
||||||
|
if (!forceBlankLine) return null
|
||||||
|
state.prevLine = null
|
||||||
|
}
|
||||||
|
|
||||||
|
state.prevLine = state.thisLine
|
||||||
|
state.thisLine = stream
|
||||||
|
|
||||||
|
// Reset state.taskList
|
||||||
|
state.taskList = false;
|
||||||
|
|
||||||
|
// Reset state.trailingSpace
|
||||||
|
state.trailingSpace = 0;
|
||||||
|
state.trailingSpaceNewLine = false;
|
||||||
|
|
||||||
|
state.f = state.block;
|
||||||
|
var indentation = stream.match(/^\s*/, true)[0].replace(/\t/g, ' ').length;
|
||||||
|
state.indentationDiff = Math.min(indentation - state.indentation, 4);
|
||||||
|
state.indentation = state.indentation + state.indentationDiff;
|
||||||
|
if (indentation > 0) return null;
|
||||||
|
}
|
||||||
|
return state.f(stream, state);
|
||||||
|
},
|
||||||
|
|
||||||
|
innerMode: function(state) {
|
||||||
|
if (state.block == htmlBlock) return {state: state.htmlState, mode: htmlMode};
|
||||||
|
if (state.localState) return {state: state.localState, mode: state.localMode};
|
||||||
|
return {state: state, mode: mode};
|
||||||
|
},
|
||||||
|
|
||||||
|
blankLine: blankLine,
|
||||||
|
|
||||||
|
getType: getType,
|
||||||
|
|
||||||
|
closeBrackets: "()[]{}''\"\"``",
|
||||||
|
fold: "markdown"
|
||||||
|
};
|
||||||
|
return mode;
|
||||||
|
}, "xml");
|
||||||
|
|
||||||
|
CodeMirror.defineMIME("text/x-markdown", "markdown");
|
||||||
|
|
||||||
|
});
|
||||||
340
vendor/assets/stylesheets/codemirror.css
vendored
Normal file
340
vendor/assets/stylesheets/codemirror.css
vendored
Normal file
@ -0,0 +1,340 @@
|
|||||||
|
/* BASICS */
|
||||||
|
|
||||||
|
.CodeMirror {
|
||||||
|
/* Set height, width, borders, and global font properties here */
|
||||||
|
font-family: monospace;
|
||||||
|
height: 300px;
|
||||||
|
color: black;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* PADDING */
|
||||||
|
|
||||||
|
.CodeMirror-lines {
|
||||||
|
padding: 4px 0; /* Vertical padding around content */
|
||||||
|
}
|
||||||
|
.CodeMirror pre {
|
||||||
|
padding: 0 4px; /* Horizontal padding of content */
|
||||||
|
}
|
||||||
|
|
||||||
|
.CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
|
||||||
|
background-color: white; /* The little square between H and V scrollbars */
|
||||||
|
}
|
||||||
|
|
||||||
|
/* GUTTER */
|
||||||
|
|
||||||
|
.CodeMirror-gutters {
|
||||||
|
border-right: 1px solid #ddd;
|
||||||
|
background-color: #f7f7f7;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
.CodeMirror-linenumbers {}
|
||||||
|
.CodeMirror-linenumber {
|
||||||
|
padding: 0 3px 0 5px;
|
||||||
|
min-width: 20px;
|
||||||
|
text-align: right;
|
||||||
|
color: #999;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.CodeMirror-guttermarker { color: black; }
|
||||||
|
.CodeMirror-guttermarker-subtle { color: #999; }
|
||||||
|
|
||||||
|
/* CURSOR */
|
||||||
|
|
||||||
|
.CodeMirror-cursor {
|
||||||
|
border-left: 1px solid black;
|
||||||
|
border-right: none;
|
||||||
|
width: 0;
|
||||||
|
}
|
||||||
|
/* Shown when moving in bi-directional text */
|
||||||
|
.CodeMirror div.CodeMirror-secondarycursor {
|
||||||
|
border-left: 1px solid silver;
|
||||||
|
}
|
||||||
|
.cm-fat-cursor .CodeMirror-cursor {
|
||||||
|
width: auto;
|
||||||
|
border: 0 !important;
|
||||||
|
background: #7e7;
|
||||||
|
}
|
||||||
|
.cm-fat-cursor div.CodeMirror-cursors {
|
||||||
|
z-index: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cm-animate-fat-cursor {
|
||||||
|
width: auto;
|
||||||
|
border: 0;
|
||||||
|
-webkit-animation: blink 1.06s steps(1) infinite;
|
||||||
|
-moz-animation: blink 1.06s steps(1) infinite;
|
||||||
|
animation: blink 1.06s steps(1) infinite;
|
||||||
|
background-color: #7e7;
|
||||||
|
}
|
||||||
|
@-moz-keyframes blink {
|
||||||
|
0% {}
|
||||||
|
50% { background-color: transparent; }
|
||||||
|
100% {}
|
||||||
|
}
|
||||||
|
@-webkit-keyframes blink {
|
||||||
|
0% {}
|
||||||
|
50% { background-color: transparent; }
|
||||||
|
100% {}
|
||||||
|
}
|
||||||
|
@keyframes blink {
|
||||||
|
0% {}
|
||||||
|
50% { background-color: transparent; }
|
||||||
|
100% {}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Can style cursor different in overwrite (non-insert) mode */
|
||||||
|
.CodeMirror-overwrite .CodeMirror-cursor {}
|
||||||
|
|
||||||
|
.cm-tab { display: inline-block; text-decoration: inherit; }
|
||||||
|
|
||||||
|
.CodeMirror-rulers {
|
||||||
|
position: absolute;
|
||||||
|
left: 0; right: 0; top: -50px; bottom: -20px;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
.CodeMirror-ruler {
|
||||||
|
border-left: 1px solid #ccc;
|
||||||
|
top: 0; bottom: 0;
|
||||||
|
position: absolute;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* DEFAULT THEME */
|
||||||
|
|
||||||
|
.cm-s-default .cm-header {color: blue;}
|
||||||
|
.cm-s-default .cm-quote {color: #090;}
|
||||||
|
.cm-negative {color: #d44;}
|
||||||
|
.cm-positive {color: #292;}
|
||||||
|
.cm-header, .cm-strong {font-weight: bold;}
|
||||||
|
.cm-em {font-style: italic;}
|
||||||
|
.cm-link {text-decoration: underline;}
|
||||||
|
.cm-strikethrough {text-decoration: line-through;}
|
||||||
|
|
||||||
|
.cm-s-default .cm-keyword {color: #708;}
|
||||||
|
.cm-s-default .cm-atom {color: #219;}
|
||||||
|
.cm-s-default .cm-number {color: #164;}
|
||||||
|
.cm-s-default .cm-def {color: #00f;}
|
||||||
|
.cm-s-default .cm-variable,
|
||||||
|
.cm-s-default .cm-punctuation,
|
||||||
|
.cm-s-default .cm-property,
|
||||||
|
.cm-s-default .cm-operator {}
|
||||||
|
.cm-s-default .cm-variable-2 {color: #05a;}
|
||||||
|
.cm-s-default .cm-variable-3 {color: #085;}
|
||||||
|
.cm-s-default .cm-comment {color: #a50;}
|
||||||
|
.cm-s-default .cm-string {color: #a11;}
|
||||||
|
.cm-s-default .cm-string-2 {color: #f50;}
|
||||||
|
.cm-s-default .cm-meta {color: #555;}
|
||||||
|
.cm-s-default .cm-qualifier {color: #555;}
|
||||||
|
.cm-s-default .cm-builtin {color: #30a;}
|
||||||
|
.cm-s-default .cm-bracket {color: #997;}
|
||||||
|
.cm-s-default .cm-tag {color: #170;}
|
||||||
|
.cm-s-default .cm-attribute {color: #00c;}
|
||||||
|
.cm-s-default .cm-hr {color: #999;}
|
||||||
|
.cm-s-default .cm-link {color: #00c;}
|
||||||
|
|
||||||
|
.cm-s-default .cm-error {color: #f00;}
|
||||||
|
.cm-invalidchar {color: #f00;}
|
||||||
|
|
||||||
|
.CodeMirror-composing { border-bottom: 2px solid; }
|
||||||
|
|
||||||
|
/* Default styles for common addons */
|
||||||
|
|
||||||
|
div.CodeMirror span.CodeMirror-matchingbracket {color: #0f0;}
|
||||||
|
div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #f22;}
|
||||||
|
.CodeMirror-matchingtag { background: rgba(255, 150, 0, .3); }
|
||||||
|
.CodeMirror-activeline-background {background: #e8f2ff;}
|
||||||
|
|
||||||
|
/* STOP */
|
||||||
|
|
||||||
|
/* The rest of this file contains styles related to the mechanics of
|
||||||
|
the editor. You probably shouldn't touch them. */
|
||||||
|
|
||||||
|
.CodeMirror {
|
||||||
|
position: relative;
|
||||||
|
overflow: hidden;
|
||||||
|
background: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.CodeMirror-scroll {
|
||||||
|
overflow: scroll !important; /* Things will break if this is overridden */
|
||||||
|
/* 30px is the magic margin used to hide the element's real scrollbars */
|
||||||
|
/* See overflow: hidden in .CodeMirror */
|
||||||
|
margin-bottom: -30px; margin-right: -30px;
|
||||||
|
padding-bottom: 30px;
|
||||||
|
height: 100%;
|
||||||
|
outline: none; /* Prevent dragging from highlighting the element */
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.CodeMirror-sizer {
|
||||||
|
position: relative;
|
||||||
|
border-right: 30px solid transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* The fake, visible scrollbars. Used to force redraw during scrolling
|
||||||
|
before actual scrolling happens, thus preventing shaking and
|
||||||
|
flickering artifacts. */
|
||||||
|
.CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
|
||||||
|
position: absolute;
|
||||||
|
z-index: 6;
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.CodeMirror-vscrollbar {
|
||||||
|
right: 0; top: 0;
|
||||||
|
overflow-x: hidden;
|
||||||
|
overflow-y: scroll;
|
||||||
|
}
|
||||||
|
.CodeMirror-hscrollbar {
|
||||||
|
bottom: 0; left: 0;
|
||||||
|
overflow-y: hidden;
|
||||||
|
overflow-x: scroll;
|
||||||
|
}
|
||||||
|
.CodeMirror-scrollbar-filler {
|
||||||
|
right: 0; bottom: 0;
|
||||||
|
}
|
||||||
|
.CodeMirror-gutter-filler {
|
||||||
|
left: 0; bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.CodeMirror-gutters {
|
||||||
|
position: absolute; left: 0; top: 0;
|
||||||
|
min-height: 100%;
|
||||||
|
z-index: 3;
|
||||||
|
}
|
||||||
|
.CodeMirror-gutter {
|
||||||
|
white-space: normal;
|
||||||
|
height: 100%;
|
||||||
|
display: inline-block;
|
||||||
|
vertical-align: top;
|
||||||
|
margin-bottom: -30px;
|
||||||
|
}
|
||||||
|
.CodeMirror-gutter-wrapper {
|
||||||
|
position: absolute;
|
||||||
|
z-index: 4;
|
||||||
|
background: none !important;
|
||||||
|
border: none !important;
|
||||||
|
}
|
||||||
|
.CodeMirror-gutter-background {
|
||||||
|
position: absolute;
|
||||||
|
top: 0; bottom: 0;
|
||||||
|
z-index: 4;
|
||||||
|
}
|
||||||
|
.CodeMirror-gutter-elt {
|
||||||
|
position: absolute;
|
||||||
|
cursor: default;
|
||||||
|
z-index: 4;
|
||||||
|
}
|
||||||
|
.CodeMirror-gutter-wrapper ::selection { background-color: transparent }
|
||||||
|
.CodeMirror-gutter-wrapper ::-moz-selection { background-color: transparent }
|
||||||
|
|
||||||
|
.CodeMirror-lines {
|
||||||
|
cursor: text;
|
||||||
|
min-height: 1px; /* prevents collapsing before first draw */
|
||||||
|
}
|
||||||
|
.CodeMirror pre {
|
||||||
|
/* Reset some styles that the rest of the page might have set */
|
||||||
|
-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
|
||||||
|
border-width: 0;
|
||||||
|
background: transparent;
|
||||||
|
font-family: inherit;
|
||||||
|
font-size: inherit;
|
||||||
|
margin: 0;
|
||||||
|
white-space: pre;
|
||||||
|
word-wrap: normal;
|
||||||
|
line-height: inherit;
|
||||||
|
color: inherit;
|
||||||
|
z-index: 2;
|
||||||
|
position: relative;
|
||||||
|
overflow: visible;
|
||||||
|
-webkit-tap-highlight-color: transparent;
|
||||||
|
-webkit-font-variant-ligatures: contextual;
|
||||||
|
font-variant-ligatures: contextual;
|
||||||
|
}
|
||||||
|
.CodeMirror-wrap pre {
|
||||||
|
word-wrap: break-word;
|
||||||
|
white-space: pre-wrap;
|
||||||
|
word-break: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
.CodeMirror-linebackground {
|
||||||
|
position: absolute;
|
||||||
|
left: 0; right: 0; top: 0; bottom: 0;
|
||||||
|
z-index: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.CodeMirror-linewidget {
|
||||||
|
position: relative;
|
||||||
|
z-index: 2;
|
||||||
|
overflow: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.CodeMirror-widget {}
|
||||||
|
|
||||||
|
.CodeMirror-rtl pre { direction: rtl; }
|
||||||
|
|
||||||
|
.CodeMirror-code {
|
||||||
|
outline: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Force content-box sizing for the elements where we expect it */
|
||||||
|
.CodeMirror-scroll,
|
||||||
|
.CodeMirror-sizer,
|
||||||
|
.CodeMirror-gutter,
|
||||||
|
.CodeMirror-gutters,
|
||||||
|
.CodeMirror-linenumber {
|
||||||
|
-moz-box-sizing: content-box;
|
||||||
|
box-sizing: content-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
.CodeMirror-measure {
|
||||||
|
position: absolute;
|
||||||
|
width: 100%;
|
||||||
|
height: 0;
|
||||||
|
overflow: hidden;
|
||||||
|
visibility: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.CodeMirror-cursor {
|
||||||
|
position: absolute;
|
||||||
|
pointer-events: none;
|
||||||
|
}
|
||||||
|
.CodeMirror-measure pre { position: static; }
|
||||||
|
|
||||||
|
div.CodeMirror-cursors {
|
||||||
|
visibility: hidden;
|
||||||
|
position: relative;
|
||||||
|
z-index: 3;
|
||||||
|
}
|
||||||
|
div.CodeMirror-dragcursors {
|
||||||
|
visibility: visible;
|
||||||
|
}
|
||||||
|
|
||||||
|
.CodeMirror-focused div.CodeMirror-cursors {
|
||||||
|
visibility: visible;
|
||||||
|
}
|
||||||
|
|
||||||
|
.CodeMirror-selected { background: #d9d9d9; }
|
||||||
|
.CodeMirror-focused .CodeMirror-selected { background: #d7d4f0; }
|
||||||
|
.CodeMirror-crosshair { cursor: crosshair; }
|
||||||
|
.CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection { background: #d7d4f0; }
|
||||||
|
.CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection { background: #d7d4f0; }
|
||||||
|
|
||||||
|
.cm-searching {
|
||||||
|
background: #ffa;
|
||||||
|
background: rgba(255, 255, 0, .4);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Used to force a border model for a node */
|
||||||
|
.cm-force-border { padding-right: .1px; }
|
||||||
|
|
||||||
|
@media print {
|
||||||
|
/* Hide the cursor when printing */
|
||||||
|
.CodeMirror div.CodeMirror-cursors {
|
||||||
|
visibility: hidden;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* See issue #2901 */
|
||||||
|
.cm-tab-wrap-hack:after { content: ''; }
|
||||||
|
|
||||||
|
/* Help users use markselection to safely style text background */
|
||||||
|
span.CodeMirror-selectedtext { background: none; }
|
||||||
Loading…
Reference in New Issue
Block a user