Deutsch      Español      Français      日本語      한국어      Русский      中文

Translation support

You can click here to access the wiki and update the translation.

You can go back to the translated webpage.

To help you in the translation process, here is a comparison with the English version :

JQuery Integration

You can put text diagram into your HTML pages, and use JQuery library to automatically parse your page and turn diagrams text into real image display.

JQuery Integration

You can put text diagram into your HTML pages, and use JQuery library to automatically parse your page and turn diagrams text into real image display.

 

 

JQuery integration

Imagine that you could directly use PlantUML source code into HTML, something like:

<html>
<img uml="
class foo
">
</html>

And that will display this:

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.

 

 

JQuery integration

Imagine that you could directly use PlantUML source code into HTML, something like:

<html>
<img uml="
class foo
">
</html>

And that will display this:

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.

 

 

How does it works?

There is nothing magic here:

And you can download the complete package here.

 

 

How does it works?

There is nothing magic here:

And you can download the complete package here.

 

 

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>

 

 

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>

This page is generated once per day from the wiki content.