Public-Mirrors
/
markdown-it
mirror of https://github.com/markdown-it/markdown-it.git
1
0
Fork 0
Code Issues Releases Activity
Browse Source

Use browserify to build demo

pull/104/head
Vitaly Puzrin 9 years ago
parent
006d205c07
commit
858475af7a
3 changed files with 340 additions and 363 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 13
      Makefile
  2. 10
      support/demo_template/index.jade
  3. 106
      support/demo_template/index.js

13
Makefile
View File

@ -24,19 +24,8 @@ demo: lint
> ./demo/index.css
rm -rf ./support/demo_template/sample.json
browserify ./ -s markdownit > ./demo/markdown-it.js
#cp ./dist/markdown-it.js ./demo/
cp ./support/demo_template/index.js ./demo/
browserify ./support/demo_template/index.js > ./demo/index.js
cp ./support/demo_template/README.md ./demo/
mkdir ./demo/plugins
cp ./node_modules/markdown-it-abbr/dist/* ./demo/plugins
cp ./node_modules/markdown-it-container/dist/* ./demo/plugins
cp ./node_modules/markdown-it-deflist/dist/* ./demo/plugins
cp ./node_modules/markdown-it-emoji/dist/* ./demo/plugins
cp ./node_modules/markdown-it-footnote/dist/* ./demo/plugins
cp ./node_modules/markdown-it-ins/dist/* ./demo/plugins
cp ./node_modules/markdown-it-mark/dist/* ./demo/plugins
cp ./node_modules/markdown-it-sub/dist/* ./demo/plugins
cp ./node_modules/markdown-it-sup/dist/* ./demo/plugins
gh-demo: demo
touch ./demo/.nojekyll

10
support/demo_template/index.jade
View File

@ -20,16 +20,6 @@ html
script(src='markdown-it.js')
script(src='https://twemoji.maxcdn.com/twemoji.min.js')
script(src='plugins/markdown-it-abbr.js')
script(src='plugins/markdown-it-container.js')
script(src='plugins/markdown-it-deflist.js')
script(src='plugins/markdown-it-emoji.js')
script(src='plugins/markdown-it-footnote.js')
script(src='plugins/markdown-it-ins.js')
script(src='plugins/markdown-it-mark.js')
script(src='plugins/markdown-it-sub.js')
script(src='plugins/markdown-it-sup.js')
link(rel='stylesheet' href='index.css')
script(src='index.js')

106
support/demo_template/index.js
View File

@ -1,12 +1,11 @@
(function () {
'use strict';
'use strict';
/*eslint-env browser*/
/*global $, _*/
/*eslint-env browser*/
/*global $, _*/
var mdHtml, mdSrc, permalink, scrollMap;
var mdHtml, mdSrc, permalink, scrollMap;
var defaults = {
var defaults = {
html: false, // Enable HTML tags in source
xhtmlOut: false, // Use '/' to close single tags (<br />)
breaks: false, // Convert '\n' in paragraphs into <br>
@ -18,9 +17,9 @@
_highlight: true,
_strict: false,
_view: 'html' // html / src / debug
};
};
defaults.highlight = function (str, lang) {
defaults.highlight = function (str, lang) {
if (!defaults._highlight || !window.hljs) { return ''; }
var hljs = window.hljs;
@ -35,49 +34,49 @@
} catch (__) {}
return '';
};
};
function setOptionClass(name, val) {
function setOptionClass(name, val) {
if (val) {
$('body').addClass('opt_' + name);
} else {
$('body').removeClass('opt_' + name);
}
}
}
function setResultView(val) {
function setResultView(val) {
$('body').removeClass('result-as-html');
$('body').removeClass('result-as-src');
$('body').removeClass('result-as-debug');
$('body').addClass('result-as-' + val);
defaults._view = val;
}
}
function mdInit() {
function mdInit() {
if (defaults._strict) {
mdHtml = window.markdownit('commonmark');
mdSrc = window.markdownit('commonmark');
} else {
mdHtml = window.markdownit(defaults)
.use(window.markdownitAbbr)
.use(window.markdownitContainer, 'warning')
.use(window.markdownitDeflist)
.use(window.markdownitEmoji)
.use(window.markdownitFootnote)
.use(window.markdownitIns)
.use(window.markdownitMark)
.use(window.markdownitSub)
.use(window.markdownitSup);
.use(require('markdown-it-abbr'))
.use(require('markdown-it-container'), 'warning')
.use(require('markdown-it-deflist'))
.use(require('markdown-it-emoji'))
.use(require('markdown-it-footnote'))
.use(require('markdown-it-ins'))
.use(require('markdown-it-mark'))
.use(require('markdown-it-sub'))
.use(require('markdown-it-sup'));
mdSrc = window.markdownit(defaults)
.use(window.markdownitAbbr)
.use(window.markdownitContainer, 'warning')
.use(window.markdownitDeflist)
.use(window.markdownitEmoji)
.use(window.markdownitFootnote)
.use(window.markdownitIns)
.use(window.markdownitMark)
.use(window.markdownitSub)
.use(window.markdownitSup);
.use(require('markdown-it-abbr'))
.use(require('markdown-it-container'), 'warning')
.use(require('markdown-it-deflist'))
.use(require('markdown-it-emoji'))
.use(require('markdown-it-footnote'))
.use(require('markdown-it-ins'))
.use(require('markdown-it-mark'))
.use(require('markdown-it-sub'))
.use(require('markdown-it-sup'));
}
// Beautify output of parser for html content
@ -105,17 +104,17 @@
}
mdHtml.renderer.rules.paragraph_open = mdHtml.renderer.rules.heading_open = injectLineNumbers;
}
}
function setHighlightedlContent(selector, content, lang) {
function setHighlightedlContent(selector, content, lang) {
if (window.hljs) {
$(selector).html(window.hljs.highlight(lang, content).value);
} else {
$(selector).text(content);
}
}
}
function updateResult() {
function updateResult() {
var source = $('.source').val();
// Update only active view to avoid slowdowns
@ -150,12 +149,12 @@
} catch (__) {
permalink.href = '';
}
}
}
// Build offsets for each line (lines can be wrapped)
// That's a bit dirty to process each line everytime, but ok for demo.
// Optimizations are required only for big texts.
function buildScrollMap() {
// Build offsets for each line (lines can be wrapped)
// That's a bit dirty to process each line everytime, but ok for demo.
// Optimizations are required only for big texts.
function buildScrollMap() {
var i, offset, nonEmptyList, pos, a, b, lineHeightMap, linesCount,
acc, sourceLikeDiv, textarea = $('.source'),
_scrollMap;
@ -225,10 +224,10 @@
}
return _scrollMap;
}
}
// Synchronize scroll position from source to result
var syncResultScroll = _.debounce(function () {
// Synchronize scroll position from source to result
var syncResultScroll = _.debounce(function () {
var textarea = $('.source'),
lineHeight = parseFloat(textarea.css('line-height')),
lineNo, posTo;
@ -239,10 +238,10 @@
$('.result-html').stop(true).animate({
scrollTop: posTo
}, 100, 'linear');
}, 50, { maxWait: 50 });
}, 50, { maxWait: 50 });
// Synchronize scroll position from result to source
var syncSrcScroll = _.debounce(function () {
// Synchronize scroll position from result to source
var syncSrcScroll = _.debounce(function () {
var resultHtml = $('.result-html'),
scrollTop = resultHtml.scrollTop(),
textarea = $('.source'),
@ -273,12 +272,12 @@
textarea.stop(true).animate({
scrollTop: lineHeight * line
}, 100, 'linear');
}, 50, { maxWait: 50 });
}, 50, { maxWait: 50 });
//////////////////////////////////////////////////////////////////////////////
// Init on page load
//
$(function() {
//////////////////////////////////////////////////////////////////////////////
// Init on page load
//
$(function() {
// highlight snippet
if (window.hljs) {
$('pre.code-sample code').each(function(i, block) {
@ -403,5 +402,4 @@
});
updateResult();
});
})();
});

Write Preview
Loading…
Cancel
Save