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>
| |