✎ exemple:syntaxes [Wiki : Rando-plaisirs]

<h1 class="page-header pb-3 mb-4 mt-5"><svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" role="presentation" class="iconify mr-2"><path d="M13 9h5.5L13 3.5V9M6 2h8l6 6v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V4c0-1.11.89-2 2-2m9 16v-2H6v2h9m3-4v-2H6v2h12z"/></svg> jumbotron</h1>
<div class="level1">

<p>
&lt;jumbotron>
</p>

</div>

<h2 class="page-header pb-3 mb-4 mt-5">Hello, world!</h2>
<div class="level2">

<p>
This is a simple hero unit, a simple jumbotron-style 
component for calling extra attention to featured
content or information.
&lt;/jumbotron>
</p>

</div>

<h1 class="page-header pb-3 mb-4 mt-5">panel</h1>
<div class="level1">

<p>
&lt;panel type="default" title="Title of Panel" subtitle="Subtitle" icon="fa fa-home">
Panel content
&lt;/panel>
</p>

</div>

<h1 class="page-header pb-3 mb-4 mt-5">Alert</h1>
<div class="level1">

<p>
&lt;alert type="success" icon="glyphicon glyphicon-user" dismiss="true">
<b>Well done!</b> You successfully read this important alert message.
&lt;/alert>
</p>

</div>

<h1 class="page-header pb-3 mb-4 mt-5">Text</h1>
<div class="level1">
<ul class="fix-media-list-overlap">
<li class="level1"> &lt;text type="muted">muted&lt;/text></li>
<li class="level1"> &lt;text type="primary">primary&lt;/text></li>
<li class="level1"> &lt;text type="success">success&lt;/text></li>
<li class="level1"> &lt;text type="info">info&lt;/text></li>
<li class="level1"> &lt;text type="warning">warning&lt;/text></li>
<li class="level1"> &lt;text type="danger">danger&lt;/text></li>
</ul>

</div>

<h1 class="page-header pb-3 mb-4 mt-5">panel</h1>
<div class="level1">

</div>

<h1 class="page-header pb-3 mb-4 mt-5">Tooltip</h1>
<div class="level1">

<p>
&lt;tooltip title="Sample Text" placement="bottom">Lorem ipsum&lt;/tooltip> dolor sit amet…
</p>

</div>

<h1 class="page-header pb-3 mb-4 mt-5">Grids</h1>
<div class="level1">

</div>

<h1 class="page-header pb-3 mb-4 mt-5">Thumbnail</h1>
<div class="level1">

<p>
&lt;grid>
…
&lt;col xs="6" md="3">
&lt;thumbnail>
<a href="/lib/exe/detail.php?id=exemple%3Asyntaxes&media=wiki:dokuwiki-128.png" class="media" title="wiki:dokuwiki-128.png"><img src="/lib/exe/fetch.php?media=wiki:dokuwiki-128.png" class="mediacenter img-responsive" loading="lazy" alt="" /></a>
&lt;/thumbnail>
&lt;/col>
…
&lt;/grid>
&lt;grid>
…
&lt;col xs="6" md="3">
&lt;thumbnail>
<a href="/lib/exe/detail.php?id=exemple%3Asyntaxes&media=wiki:dokuwiki-128.png" class="media" title="wiki:dokuwiki-128.png"><img src="/lib/exe/fetch.php?media=wiki:dokuwiki-128.png" class="mediacenter img-responsive" loading="lazy" alt="" /></a>
&lt;caption>
</p>

</div>

<h4>DokuWiki</h4>
<div class="level4">

<p>
<em>DokuWiki is a simple to use and highly versatile Open Source wiki software that doesn't require a database. It is loved by users for its clean and readable syntax. The ease of maintenance, backup and integration makes it an administrator's favorite. Built in access controls and authentication connectors make DokuWiki especially useful in the enterprise context and the large number of plugins contributed by its vibrant community allow for a broad range of use cases beyond a traditional wiki.</em>
&lt;/caption>
&lt;/thumbnail>
…
&lt;/col>
&lt;/grid>
</p>

</div>

<p>
&lt;nav>
</p>
<ul class="fix-media-list-overlap">
<li class="level1"> <a href="/doku.php?id=start" class="wikilink1" title="start" data-wiki-id="start">start</a></li>
<li class="level1"> <a href="/doku.php?id=plugin:bootswrapper" class="wikilink2" title="plugin:bootswrapper" rel="nofollow" data-wiki-id="plugin:bootswrapper">Plugin</a></li>
<li class="level1"> <a href="/doku.php?id=playground:playground" class="wikilink1" title="playground:playground" data-wiki-id="playground:playground">playground</a></li>
<li class="level1 node"> DokuWiki<ul class="fix-media-list-overlap">
<li class="level2"> <a href="/doku.php?id=wiki:welcome" class="wikilink1" title="wiki:welcome" data-wiki-id="wiki:welcome">welcome</a></li>
<li class="level2"> <a href="/doku.php?id=wiki:syntax" class="wikilink1" title="wiki:syntax" data-wiki-id="wiki:syntax">syntax</a></li>
</ul>
</li>
</ul>

</div>

<h1 class="page-header pb-3 mb-4 mt-5">List-Group</h1>
<div class="level1">

<p>
&lt;list-group>
</p>
<ul class="fix-media-list-overlap">
<li class="level1"> <a href="/lib/exe/fetch.php?media=exemple:fa-_home" class="media mediafile mf_ wikilink2" title="exemple:fa-_home">fa-_home</a> <a href="/doku.php?id=start" class="wikilink1" title="start" data-wiki-id="start">start</a> <br/>
Link zur Hauptseite des Wikis mit FA-Icon Home mit 48 Punkten</li>
<li class="level1"> <a href="/doku.php?id=wiki:test:start" class="wikilink2" title="wiki:test:start" rel="nofollow" data-wiki-id="wiki:test:start">test</a> <br/>
Link zum Namensraum Test ohne Icon</li>
</ul>

<p>
&lt;/list-group>
</p>

</div>

<h1 class="page-header pb-3 mb-4 mt-5">Accordion</h1>
<div class="level1">

<p>
&lt;accordion>
&lt;panel title="First panel">
First panel content
&lt;/panel>
&lt;panel title="Second panel">
Second panel content
&lt;/panel>
&lt;/accordion>
</p>

</div>

</div>

<h1 class="page-header pb-3 mb-4 mt-5">Button</h1>
<div class="level1">

<p>
&lt;button type="success" size="lg" icon="glyphicon glyphicon-edit"><a href="/doku.php?id=wiki:welcome" class="wikilink1" title="wiki:welcome" data-wiki-id="wiki:welcome">welcome</a>&lt;/button>
</p>

</div>

Autoriser les tableaux complexes Hauteur de l'éditeur : px Activer la prise en charge supplémentaire du coller d'image Marche

Résumé: Changements mineurs