Imagine that you could directly use PlantUML source code into HTML, something like:
And that will display this:
🎉 Copied!
|
@startuml
class foo
@enduml
|
This would be nice.
Well, using JQuery library, this will work.
You just have to use the following header in your html file:
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="[[jquery_plantuml.js|jquery_plantuml.js]]"></script>
<!-- rawdeflate.js is implicity used by jquery_plantuml.js -->
</head>
The 3 files jquery.js , jquery_plantuml.js and rawdeflate.js have
to be available on your server.
There is nothing magic here:
And you can download the complete package here.
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="[[jquery_plantuml.js|jquery_plantuml.js]]"></script>
<!-- rawdeflate.js is implicity used by jquery_plantuml.js -->
</head>
<body>
<p>Example</p>
<hr>
<img uml="
class foo
">
<hr>
<img uml="
class foo
">
</body>
</html>
|
|