홈 새소식 시작하기 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