RoomMirror
Syntax highlight code blocks generated from Markdown with CodeMirror.
doc in japanese
install
npm install roommirror
usage
common settings
path to codemirror
is "roommirror_root/node_modules/codemirror"
and theme files...
in browser
or exclude CodeMirror...
and mode files...
in browserify
var RoomMirror = ; // and mode files...;;;
RoomMirror(qs) -> [CodeMirror]
- parameter
qs: css selector of elements you want syntax highlighting. - return
[CodeMirror]: array of codemirror instances that highlighted code blocks.
RoomMirror.byAnnotation(qs) -> [CodeMirror]
- parameter
qs: css selector of previous elements you want syntax highlighting.
var test = 'test';
- return
[CodeMirror]: array of codemirror instances that highlighted code blocks.
example for markdown
in markdown...
<p class="rm-a" data-eval="{ mode: 'javascript', lineNumbers: true }"></p> var test = 'test'; var add = function(a, b) { return a + b; }; [0, 1, 2, 3, 4].reduce(add, 0); // 10
generate to html...
var test = 'test';var add = function(a, b) { return a + b;}; [0, 1, 2, 3, 4].reduce(add, 0); // 10
syntax highlighting
var roommirrors = RoomMirror;
demo
in myblog: メモを揉め