-
-
Notifications
You must be signed in to change notification settings - Fork 373
WaveDromPlugins
Colin Marquardt edited this page Aug 7, 2017
·
4 revisions
WaveDrom timing diagrams can be embedded into the web pages, blogs, wiki pages.
There are 3 steps to insert WaveDrom diagrams directly into your page:
- Put following line into your HTML page
<header>or<body>:
<script src="http://wavedrom.com/skins/default.js" type="text/javascript"></script>
<script src="http://wavedrom.com/wavedrom.min.js" type="text/javascript"></script>- Set
onloadevent for HTML body.
<body onload="WaveDrom.ProcessAll()">- Insert Put WaveJSON source inside HTML
<body>wrapped with<script>tag:
<script type="WaveDrom">
{ signal : [
{ name: "clk", wave: "p......" },
{ name: "bus", wave: "x.34.5x", data: "head body tail" },
{ name: "wire", wave: "0.1..0." },
]}
</script>Script will find all <script type="WaveDrom"> instances and insert timing diagram at that point.
(http://wavedrom.com/impress.html)
Blogger integration: (http://wavedrom.blogspot.com/2011/08/wavedrom-digital-timing-diagram-in-your.html)