Added support of graphviz

This commit is contained in:
Wu Cheng-Han 2016-01-12 07:56:29 -06:00
parent 8af7841de3
commit 1672df3dce
4 changed files with 17 additions and 1 deletions

View file

@ -28,6 +28,7 @@
"moment": "~2.10.6", "moment": "~2.10.6",
"handlebars": "~4.0.5", "handlebars": "~4.0.5",
"js-url": "~2.0.2", "js-url": "~2.0.2",
"socket.io-client": "~1.3.7" "socket.io-client": "~1.3.7",
"viz.js": "~1.3.0"
} }
} }

View file

@ -167,6 +167,17 @@ function finishView(view) {
console.error(err); console.error(err);
} }
}); });
//graphviz
var graphvizs = view.find(".graphviz.raw").removeClass("raw");
graphvizs.each(function (key, value) {
try {
var graphviz = Viz($(value).text());
$(value).html(graphviz);
$(value).parent().parent().replaceWith(value);
} catch (err) {
console.error(err);
}
});
//image href new window(emoji not included) //image href new window(emoji not included)
var images = view.find("img.raw[src]").removeClass("raw"); var images = view.find("img.raw[src]").removeClass("raw");
images.each(function (key, value) { images.each(function (key, value) {
@ -536,6 +547,8 @@ function highlightRender(code, lang) {
return '<div class="sequence-diagram raw">' + code + '</div>'; return '<div class="sequence-diagram raw">' + code + '</div>';
} else if (lang == 'flow') { } else if (lang == 'flow') {
return '<div class="flow-chart raw">' + code + '</div>'; return '<div class="flow-chart raw">' + code + '</div>';
} else if (lang == 'graphviz') {
return '<div class="graphviz raw">' + code + '</div>';
} }
var reallang = lang.replace(/\=$|\=\d+$|\=\+$/, ''); var reallang = lang.replace(/\=$|\=\d+$|\=\+$/, '');
var languages = hljs.listLanguages(); var languages = hljs.listLanguages();

View file

@ -38,6 +38,7 @@
<script src="/vendor/lodash.min.js" defer></script> <script src="/vendor/lodash.min.js" defer></script>
<script src="/vendor/sequence-diagrams/sequence-diagram-min.js" defer></script> <script src="/vendor/sequence-diagrams/sequence-diagram-min.js" defer></script>
<script src="/vendor/flowchart/flowchart-1.4.0.min.js" defer></script> <script src="/vendor/flowchart/flowchart-1.4.0.min.js" defer></script>
<script src="/vendor/viz.js/viz.js" defer></script>
<script src="/vendor/FileSaver.min.js" defer></script> <script src="/vendor/FileSaver.min.js" defer></script>
<script src="/vendor/store.min.js" defer></script> <script src="/vendor/store.min.js" defer></script>
<script src="/vendor/js-url/url.min.js" defer></script> <script src="/vendor/js-url/url.min.js" defer></script>

View file

@ -76,6 +76,7 @@
<script src="<%- url %>/vendor/lodash.min.js" defer></script> <script src="<%- url %>/vendor/lodash.min.js" defer></script>
<script src="<%- url %>/vendor/sequence-diagrams/sequence-diagram-min.js" defer></script> <script src="<%- url %>/vendor/sequence-diagrams/sequence-diagram-min.js" defer></script>
<script src="<%- url %>/vendor/flowchart/flowchart-1.4.0.min.js" defer></script> <script src="<%- url %>/vendor/flowchart/flowchart-1.4.0.min.js" defer></script>
<script src="<%- url %>/vendor/viz.js/viz.js" defer></script>
<script src="<%- url %>/vendor/md-toc.js" defer></script> <script src="<%- url %>/vendor/md-toc.js" defer></script>
<script type="text/x-mathjax-config"> <script type="text/x-mathjax-config">
MathJax.Hub.Config({ messageStyle: "none", skipStartupTypeset: true ,tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']], processEscapes: true }}); MathJax.Hub.Config({ messageStyle: "none", skipStartupTypeset: true ,tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']], processEscapes: true }});