.
This commit is contained in:
154
root/res/editor.md/lib/codemirror/mode/tiddlywiki/index.html
vendored
Normal file
154
root/res/editor.md/lib/codemirror/mode/tiddlywiki/index.html
vendored
Normal file
@@ -0,0 +1,154 @@
|
||||
<!doctype html>
|
||||
|
||||
<title>CodeMirror: TiddlyWiki mode</title>
|
||||
<meta charset="utf-8"/>
|
||||
<link rel=stylesheet href="../../doc/docs.css">
|
||||
|
||||
<link rel="stylesheet" href="../../lib/codemirror.css">
|
||||
<link rel="stylesheet" href="tiddlywiki.css">
|
||||
<script src="../../lib/codemirror.js"></script>
|
||||
<script src="../../addon/edit/matchbrackets.js"></script>
|
||||
<script src="tiddlywiki.js"></script>
|
||||
<style type="text/css">.CodeMirror {border-top: 1px solid black; border-bottom: 1px solid black;}</style>
|
||||
<div id=nav>
|
||||
<a href="http://codemirror.net"><h1>CodeMirror</h1><img id=logo src="../../doc/logo.png"></a>
|
||||
|
||||
<ul>
|
||||
<li><a href="../../index.html">Home</a>
|
||||
<li><a href="../../doc/manual.html">Manual</a>
|
||||
<li><a href="https://github.com/codemirror/codemirror">Code</a>
|
||||
</ul>
|
||||
<ul>
|
||||
<li><a href="../index.html">Language modes</a>
|
||||
<li><a class=active href="#">TiddlyWiki</a>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<article>
|
||||
<h2>TiddlyWiki mode</h2>
|
||||
|
||||
|
||||
<div><textarea id="code" name="code">
|
||||
!TiddlyWiki Formatting
|
||||
* Rendered versions can be found at: http://www.tiddlywiki.com/#Reference
|
||||
|
||||
|!Option | !Syntax |
|
||||
|bold font | ''bold'' |
|
||||
|italic type | //italic// |
|
||||
|underlined text | __underlined__ |
|
||||
|strikethrough text | --strikethrough-- |
|
||||
|superscript text | super^^script^^ |
|
||||
|subscript text | sub~~script~~ |
|
||||
|highlighted text | @@highlighted@@ |
|
||||
|preformatted text | {{{preformatted}}} |
|
||||
|
||||
!Block Elements
|
||||
<<<
|
||||
!Heading 1
|
||||
|
||||
!!Heading 2
|
||||
|
||||
!!!Heading 3
|
||||
|
||||
!!!!Heading 4
|
||||
|
||||
!!!!!Heading 5
|
||||
<<<
|
||||
|
||||
!!Lists
|
||||
<<<
|
||||
* unordered list, level 1
|
||||
** unordered list, level 2
|
||||
*** unordered list, level 3
|
||||
|
||||
# ordered list, level 1
|
||||
## ordered list, level 2
|
||||
### unordered list, level 3
|
||||
|
||||
; definition list, term
|
||||
: definition list, description
|
||||
<<<
|
||||
|
||||
!!Blockquotes
|
||||
<<<
|
||||
> blockquote, level 1
|
||||
>> blockquote, level 2
|
||||
>>> blockquote, level 3
|
||||
|
||||
> blockquote
|
||||
<<<
|
||||
|
||||
!!Preformatted Text
|
||||
<<<
|
||||
{{{
|
||||
preformatted (e.g. code)
|
||||
}}}
|
||||
<<<
|
||||
|
||||
!!Code Sections
|
||||
<<<
|
||||
{{{
|
||||
Text style code
|
||||
}}}
|
||||
|
||||
//{{{
|
||||
JS styled code. TiddlyWiki mixed mode should support highlighter switching in the future.
|
||||
//}}}
|
||||
|
||||
<!--{{{-->
|
||||
XML styled code. TiddlyWiki mixed mode should support highlighter switching in the future.
|
||||
<!--}}}-->
|
||||
<<<
|
||||
|
||||
!!Tables
|
||||
<<<
|
||||
|CssClass|k
|
||||
|!heading column 1|!heading column 2|
|
||||
|row 1, column 1|row 1, column 2|
|
||||
|row 2, column 1|row 2, column 2|
|
||||
|>|COLSPAN|
|
||||
|ROWSPAN| ... |
|
||||
|~| ... |
|
||||
|CssProperty:value;...| ... |
|
||||
|caption|c
|
||||
|
||||
''Annotation:''
|
||||
* The {{{>}}} marker creates a "colspan", causing the current cell to merge with the one to the right.
|
||||
* The {{{~}}} marker creates a "rowspan", causing the current cell to merge with the one above.
|
||||
<<<
|
||||
!!Images /% TODO %/
|
||||
cf. [[TiddlyWiki.com|http://www.tiddlywiki.com/#EmbeddedImages]]
|
||||
|
||||
!Hyperlinks
|
||||
* [[WikiWords|WikiWord]] are automatically transformed to hyperlinks to the respective tiddler
|
||||
** the automatic transformation can be suppressed by preceding the respective WikiWord with a tilde ({{{~}}}): {{{~WikiWord}}}
|
||||
* [[PrettyLinks]] are enclosed in square brackets and contain the desired tiddler name: {{{[[tiddler name]]}}}
|
||||
** optionally, a custom title or description can be added, separated by a pipe character ({{{|}}}): {{{[[title|target]]}}}<br>'''N.B.:''' In this case, the target can also be any website (i.e. URL).
|
||||
|
||||
!Custom Styling
|
||||
* {{{@@CssProperty:value;CssProperty:value;...@@}}}<br>''N.B.:'' CSS color definitions should use lowercase letters to prevent the inadvertent creation of WikiWords.
|
||||
* <html><code>{{customCssClass{...}}}</code></html>
|
||||
* raw HTML can be inserted by enclosing the respective code in HTML tags: {{{<html> ... </html>}}}
|
||||
|
||||
!Special Markers
|
||||
* {{{<br>}}} forces a manual line break
|
||||
* {{{----}}} creates a horizontal ruler
|
||||
* [[HTML entities|http://www.tiddlywiki.com/#HtmlEntities]]
|
||||
* [[HTML entities local|HtmlEntities]]
|
||||
* {{{<<macroName>>}}} calls the respective [[macro|Macros]]
|
||||
* To hide text within a tiddler so that it is not displayed, it can be wrapped in {{{/%}}} and {{{%/}}}.<br/>This can be a useful trick for hiding drafts or annotating complex markup.
|
||||
* To prevent wiki markup from taking effect for a particular section, that section can be enclosed in three double quotes: e.g. {{{"""WikiWord"""}}}.
|
||||
</textarea></div>
|
||||
|
||||
<script>
|
||||
var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
|
||||
mode: 'tiddlywiki',
|
||||
lineNumbers: true,
|
||||
matchBrackets: true
|
||||
});
|
||||
</script>
|
||||
|
||||
<p>TiddlyWiki mode supports a single configuration.</p>
|
||||
|
||||
<p><strong>MIME types defined:</strong> <code>text/x-tiddlywiki</code>.</p>
|
||||
</article>
|
||||
14
root/res/editor.md/lib/codemirror/mode/tiddlywiki/tiddlywiki.css
vendored
Normal file
14
root/res/editor.md/lib/codemirror/mode/tiddlywiki/tiddlywiki.css
vendored
Normal file
@@ -0,0 +1,14 @@
|
||||
span.cm-underlined {
|
||||
text-decoration: underline;
|
||||
}
|
||||
span.cm-strikethrough {
|
||||
text-decoration: line-through;
|
||||
}
|
||||
span.cm-brace {
|
||||
color: #170;
|
||||
font-weight: bold;
|
||||
}
|
||||
span.cm-table {
|
||||
color: blue;
|
||||
font-weight: bold;
|
||||
}
|
||||
369
root/res/editor.md/lib/codemirror/mode/tiddlywiki/tiddlywiki.js
vendored
Normal file
369
root/res/editor.md/lib/codemirror/mode/tiddlywiki/tiddlywiki.js
vendored
Normal file
@@ -0,0 +1,369 @@
|
||||
// CodeMirror, copyright (c) by Marijn Haverbeke and others
|
||||
// Distributed under an MIT license: http://codemirror.net/LICENSE
|
||||
|
||||
/***
|
||||
|''Name''|tiddlywiki.js|
|
||||
|''Description''|Enables TiddlyWikiy syntax highlighting using CodeMirror|
|
||||
|''Author''|PMario|
|
||||
|''Version''|0.1.7|
|
||||
|''Status''|''stable''|
|
||||
|''Source''|[[GitHub|https://github.com/pmario/CodeMirror2/blob/tw-syntax/mode/tiddlywiki]]|
|
||||
|''Documentation''|http://codemirror.tiddlyspace.com/|
|
||||
|''License''|[[MIT License|http://www.opensource.org/licenses/mit-license.php]]|
|
||||
|''CoreVersion''|2.5.0|
|
||||
|''Requires''|codemirror.js|
|
||||
|''Keywords''|syntax highlighting color code mirror codemirror|
|
||||
! Info
|
||||
CoreVersion parameter is needed for TiddlyWiki only!
|
||||
***/
|
||||
//{{{
|
||||
|
||||
(function(mod) {
|
||||
if (typeof exports == "object" && typeof module == "object") // CommonJS
|
||||
mod(require("../../lib/codemirror"));
|
||||
else if (typeof define == "function" && define.amd) // AMD
|
||||
define(["../../lib/codemirror"], mod);
|
||||
else // Plain browser env
|
||||
mod(CodeMirror);
|
||||
})(function(CodeMirror) {
|
||||
"use strict";
|
||||
|
||||
CodeMirror.defineMode("tiddlywiki", function () {
|
||||
// Tokenizer
|
||||
var textwords = {};
|
||||
|
||||
var keywords = function () {
|
||||
function kw(type) {
|
||||
return { type: type, style: "macro"};
|
||||
}
|
||||
return {
|
||||
"allTags": kw('allTags'), "closeAll": kw('closeAll'), "list": kw('list'),
|
||||
"newJournal": kw('newJournal'), "newTiddler": kw('newTiddler'),
|
||||
"permaview": kw('permaview'), "saveChanges": kw('saveChanges'),
|
||||
"search": kw('search'), "slider": kw('slider'), "tabs": kw('tabs'),
|
||||
"tag": kw('tag'), "tagging": kw('tagging'), "tags": kw('tags'),
|
||||
"tiddler": kw('tiddler'), "timeline": kw('timeline'),
|
||||
"today": kw('today'), "version": kw('version'), "option": kw('option'),
|
||||
|
||||
"with": kw('with'),
|
||||
"filter": kw('filter')
|
||||
};
|
||||
}();
|
||||
|
||||
var isSpaceName = /[\w_\-]/i,
|
||||
reHR = /^\-\-\-\-+$/, // <hr>
|
||||
reWikiCommentStart = /^\/\*\*\*$/, // /***
|
||||
reWikiCommentStop = /^\*\*\*\/$/, // ***/
|
||||
reBlockQuote = /^<<<$/,
|
||||
|
||||
reJsCodeStart = /^\/\/\{\{\{$/, // //{{{ js block start
|
||||
reJsCodeStop = /^\/\/\}\}\}$/, // //}}} js stop
|
||||
reXmlCodeStart = /^<!--\{\{\{-->$/, // xml block start
|
||||
reXmlCodeStop = /^<!--\}\}\}-->$/, // xml stop
|
||||
|
||||
reCodeBlockStart = /^\{\{\{$/, // {{{ TW text div block start
|
||||
reCodeBlockStop = /^\}\}\}$/, // }}} TW text stop
|
||||
|
||||
reUntilCodeStop = /.*?\}\}\}/;
|
||||
|
||||
function chain(stream, state, f) {
|
||||
state.tokenize = f;
|
||||
return f(stream, state);
|
||||
}
|
||||
|
||||
// Used as scratch variables to communicate multiple values without
|
||||
// consing up tons of objects.
|
||||
var type, content;
|
||||
|
||||
function ret(tp, style, cont) {
|
||||
type = tp;
|
||||
content = cont;
|
||||
return style;
|
||||
}
|
||||
|
||||
function jsTokenBase(stream, state) {
|
||||
var sol = stream.sol(), ch;
|
||||
|
||||
state.block = false; // indicates the start of a code block.
|
||||
|
||||
ch = stream.peek(); // don't eat, to make matching simpler
|
||||
|
||||
// check start of blocks
|
||||
if (sol && /[<\/\*{}\-]/.test(ch)) {
|
||||
if (stream.match(reCodeBlockStart)) {
|
||||
state.block = true;
|
||||
return chain(stream, state, twTokenCode);
|
||||
}
|
||||
if (stream.match(reBlockQuote)) {
|
||||
return ret('quote', 'quote');
|
||||
}
|
||||
if (stream.match(reWikiCommentStart) || stream.match(reWikiCommentStop)) {
|
||||
return ret('code', 'comment');
|
||||
}
|
||||
if (stream.match(reJsCodeStart) || stream.match(reJsCodeStop) || stream.match(reXmlCodeStart) || stream.match(reXmlCodeStop)) {
|
||||
return ret('code', 'comment');
|
||||
}
|
||||
if (stream.match(reHR)) {
|
||||
return ret('hr', 'hr');
|
||||
}
|
||||
} // sol
|
||||
ch = stream.next();
|
||||
|
||||
if (sol && /[\/\*!#;:>|]/.test(ch)) {
|
||||
if (ch == "!") { // tw header
|
||||
stream.skipToEnd();
|
||||
return ret("header", "header");
|
||||
}
|
||||
if (ch == "*") { // tw list
|
||||
stream.eatWhile('*');
|
||||
return ret("list", "comment");
|
||||
}
|
||||
if (ch == "#") { // tw numbered list
|
||||
stream.eatWhile('#');
|
||||
return ret("list", "comment");
|
||||
}
|
||||
if (ch == ";") { // definition list, term
|
||||
stream.eatWhile(';');
|
||||
return ret("list", "comment");
|
||||
}
|
||||
if (ch == ":") { // definition list, description
|
||||
stream.eatWhile(':');
|
||||
return ret("list", "comment");
|
||||
}
|
||||
if (ch == ">") { // single line quote
|
||||
stream.eatWhile(">");
|
||||
return ret("quote", "quote");
|
||||
}
|
||||
if (ch == '|') {
|
||||
return ret('table', 'header');
|
||||
}
|
||||
}
|
||||
|
||||
if (ch == '{' && stream.match(/\{\{/)) {
|
||||
return chain(stream, state, twTokenCode);
|
||||
}
|
||||
|
||||
// rudimentary html:// file:// link matching. TW knows much more ...
|
||||
if (/[hf]/i.test(ch)) {
|
||||
if (/[ti]/i.test(stream.peek()) && stream.match(/\b(ttps?|tp|ile):\/\/[\-A-Z0-9+&@#\/%?=~_|$!:,.;]*[A-Z0-9+&@#\/%=~_|$]/i)) {
|
||||
return ret("link", "link");
|
||||
}
|
||||
}
|
||||
// just a little string indicator, don't want to have the whole string covered
|
||||
if (ch == '"') {
|
||||
return ret('string', 'string');
|
||||
}
|
||||
if (ch == '~') { // _no_ CamelCase indicator should be bold
|
||||
return ret('text', 'brace');
|
||||
}
|
||||
if (/[\[\]]/.test(ch)) { // check for [[..]]
|
||||
if (stream.peek() == ch) {
|
||||
stream.next();
|
||||
return ret('brace', 'brace');
|
||||
}
|
||||
}
|
||||
if (ch == "@") { // check for space link. TODO fix @@...@@ highlighting
|
||||
stream.eatWhile(isSpaceName);
|
||||
return ret("link", "link");
|
||||
}
|
||||
if (/\d/.test(ch)) { // numbers
|
||||
stream.eatWhile(/\d/);
|
||||
return ret("number", "number");
|
||||
}
|
||||
if (ch == "/") { // tw invisible comment
|
||||
if (stream.eat("%")) {
|
||||
return chain(stream, state, twTokenComment);
|
||||
}
|
||||
else if (stream.eat("/")) { //
|
||||
return chain(stream, state, twTokenEm);
|
||||
}
|
||||
}
|
||||
if (ch == "_") { // tw underline
|
||||
if (stream.eat("_")) {
|
||||
return chain(stream, state, twTokenUnderline);
|
||||
}
|
||||
}
|
||||
// strikethrough and mdash handling
|
||||
if (ch == "-") {
|
||||
if (stream.eat("-")) {
|
||||
// if strikethrough looks ugly, change CSS.
|
||||
if (stream.peek() != ' ')
|
||||
return chain(stream, state, twTokenStrike);
|
||||
// mdash
|
||||
if (stream.peek() == ' ')
|
||||
return ret('text', 'brace');
|
||||
}
|
||||
}
|
||||
if (ch == "'") { // tw bold
|
||||
if (stream.eat("'")) {
|
||||
return chain(stream, state, twTokenStrong);
|
||||
}
|
||||
}
|
||||
if (ch == "<") { // tw macro
|
||||
if (stream.eat("<")) {
|
||||
return chain(stream, state, twTokenMacro);
|
||||
}
|
||||
}
|
||||
else {
|
||||
return ret(ch);
|
||||
}
|
||||
|
||||
// core macro handling
|
||||
stream.eatWhile(/[\w\$_]/);
|
||||
var word = stream.current(),
|
||||
known = textwords.propertyIsEnumerable(word) && textwords[word];
|
||||
|
||||
return known ? ret(known.type, known.style, word) : ret("text", null, word);
|
||||
|
||||
} // jsTokenBase()
|
||||
|
||||
// tw invisible comment
|
||||
function twTokenComment(stream, state) {
|
||||
var maybeEnd = false,
|
||||
ch;
|
||||
while (ch = stream.next()) {
|
||||
if (ch == "/" && maybeEnd) {
|
||||
state.tokenize = jsTokenBase;
|
||||
break;
|
||||
}
|
||||
maybeEnd = (ch == "%");
|
||||
}
|
||||
return ret("comment", "comment");
|
||||
}
|
||||
|
||||
// tw strong / bold
|
||||
function twTokenStrong(stream, state) {
|
||||
var maybeEnd = false,
|
||||
ch;
|
||||
while (ch = stream.next()) {
|
||||
if (ch == "'" && maybeEnd) {
|
||||
state.tokenize = jsTokenBase;
|
||||
break;
|
||||
}
|
||||
maybeEnd = (ch == "'");
|
||||
}
|
||||
return ret("text", "strong");
|
||||
}
|
||||
|
||||
// tw code
|
||||
function twTokenCode(stream, state) {
|
||||
var ch, sb = state.block;
|
||||
|
||||
if (sb && stream.current()) {
|
||||
return ret("code", "comment");
|
||||
}
|
||||
|
||||
if (!sb && stream.match(reUntilCodeStop)) {
|
||||
state.tokenize = jsTokenBase;
|
||||
return ret("code", "comment");
|
||||
}
|
||||
|
||||
if (sb && stream.sol() && stream.match(reCodeBlockStop)) {
|
||||
state.tokenize = jsTokenBase;
|
||||
return ret("code", "comment");
|
||||
}
|
||||
|
||||
ch = stream.next();
|
||||
return (sb) ? ret("code", "comment") : ret("code", "comment");
|
||||
}
|
||||
|
||||
// tw em / italic
|
||||
function twTokenEm(stream, state) {
|
||||
var maybeEnd = false,
|
||||
ch;
|
||||
while (ch = stream.next()) {
|
||||
if (ch == "/" && maybeEnd) {
|
||||
state.tokenize = jsTokenBase;
|
||||
break;
|
||||
}
|
||||
maybeEnd = (ch == "/");
|
||||
}
|
||||
return ret("text", "em");
|
||||
}
|
||||
|
||||
// tw underlined text
|
||||
function twTokenUnderline(stream, state) {
|
||||
var maybeEnd = false,
|
||||
ch;
|
||||
while (ch = stream.next()) {
|
||||
if (ch == "_" && maybeEnd) {
|
||||
state.tokenize = jsTokenBase;
|
||||
break;
|
||||
}
|
||||
maybeEnd = (ch == "_");
|
||||
}
|
||||
return ret("text", "underlined");
|
||||
}
|
||||
|
||||
// tw strike through text looks ugly
|
||||
// change CSS if needed
|
||||
function twTokenStrike(stream, state) {
|
||||
var maybeEnd = false, ch;
|
||||
|
||||
while (ch = stream.next()) {
|
||||
if (ch == "-" && maybeEnd) {
|
||||
state.tokenize = jsTokenBase;
|
||||
break;
|
||||
}
|
||||
maybeEnd = (ch == "-");
|
||||
}
|
||||
return ret("text", "strikethrough");
|
||||
}
|
||||
|
||||
// macro
|
||||
function twTokenMacro(stream, state) {
|
||||
var ch, word, known;
|
||||
|
||||
if (stream.current() == '<<') {
|
||||
return ret('brace', 'macro');
|
||||
}
|
||||
|
||||
ch = stream.next();
|
||||
if (!ch) {
|
||||
state.tokenize = jsTokenBase;
|
||||
return ret(ch);
|
||||
}
|
||||
if (ch == ">") {
|
||||
if (stream.peek() == '>') {
|
||||
stream.next();
|
||||
state.tokenize = jsTokenBase;
|
||||
return ret("brace", "macro");
|
||||
}
|
||||
}
|
||||
|
||||
stream.eatWhile(/[\w\$_]/);
|
||||
word = stream.current();
|
||||
known = keywords.propertyIsEnumerable(word) && keywords[word];
|
||||
|
||||
if (known) {
|
||||
return ret(known.type, known.style, word);
|
||||
}
|
||||
else {
|
||||
return ret("macro", null, word);
|
||||
}
|
||||
}
|
||||
|
||||
// Interface
|
||||
return {
|
||||
startState: function () {
|
||||
return {
|
||||
tokenize: jsTokenBase,
|
||||
indented: 0,
|
||||
level: 0
|
||||
};
|
||||
},
|
||||
|
||||
token: function (stream, state) {
|
||||
if (stream.eatSpace()) return null;
|
||||
var style = state.tokenize(stream, state);
|
||||
return style;
|
||||
},
|
||||
|
||||
electricChars: ""
|
||||
};
|
||||
});
|
||||
|
||||
CodeMirror.defineMIME("text/x-tiddlywiki", "tiddlywiki");
|
||||
});
|
||||
|
||||
//}}}
|
||||
Reference in New Issue
Block a user