В начало Что нового ? Быстрый старт Online Server Запуск F.A.Q. Скачать Форум Theme Препроцессинг Стандартная библиотека Hitchhiker's Guide PDF Guide
PlantUML Plugins JQuery

Edit in DokuwikiEdit in AsciidocEdit in Markdown
JQuery integration

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.

Edit in DokuwikiEdit in AsciidocEdit in Markdown
How does it works?

There is nothing magic here:

And you can download the complete package here.

Edit in DokuwikiEdit in AsciidocEdit in Markdown
Complete source example

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

Privacy Policy      Advertise