ホーム 新着情報 入門 Online Server 実行方法 F.A.Q. ダウンロード フォーラム(英語) Theme 前処理 標準ライブラリ Hitchhiker's Guide PDFガイド
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