marcel/mermaid
1
0
Fork 0
mirror of https://github.com/mermaid-js/mermaid.git synced 2025-10-18 05:29:40 +02:00
Code Issues Packages Projects Releases Wiki Activity

Fix for issue #311, mermaid will clear div used for rendering initially in the redner function.

Browse Source
This commit is contained in:
Knut Sveidqvist
2016-12-14 12:40:44 +01:00
parent 66d7c00e84
commit a179212c60
1 changed files with 40 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
test/examples/issue311_doueblRender.html Normal file
View File

@@ -0,0 +1,40 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
<link rel="stylesheet" href="../../dist/mermaid.css"/>
<script src="dist/mermaidAPI.js"></script>
<script>
mermaidAPI.initialize({
startOnLoad: false,
logLevel: 1
});
$(function(){
// Example of using the API
var insertSvg = function(svgCode, bindFunctions){
// Rendering is completed so something with the svgCode
var element = document.querySelector("#resDiv");
element.innerHTML = svgCode;
};
var graphDefinition = 'graph TB\na-->b';
var graphDefinition2 = 'graph TB\nc-->d';
var element = document.querySelector("#resDiv");
var graph = mermaidAPI.render( 'graphDiv', graphDefinition, insertSvg, element);
element = document.querySelector("#resDiv");
graph = mermaidAPI.render( 'graphDiv', graphDefinition2, insertSvg, element);
});
</script>
</head>
<body>
<div id="resDiv"></div>
</body>
</html>