====== Lo que se puede hacer ======

En esta página se irán exponiendo todas las habilidades que tiene esta dokuwiki para formatear los documentos, lo que se puede hacer con los plugins, etc.

===== Gráficos mermaid =====

<mermaid> 
  graph TD
    A(**mermaid**)-->B((__plugin__))
    A-->C(((//para//)))
    B-->D[["[[https://www.dokuwiki.org/dokuwiki|Dokuwiki]]"]]
    C-->D
</mermaid>

[[https://www.dokuwiki.org/plugin:mermaid]]

===== Gráficos achart =====

<achart url=https://gist.github.com/karl257/6e799cc0d8a5e47ac11d97672a6890dc/raw/0a80ea7ff3b89d0f376aec0eff0d817550b32334/convertcsv.csv height=320px align=center>
{
  chart: {
      height: 350,
      type: 'bar',
  },
  dataLabels: {
      enabled: false
  },
  title: {
      text: "From web",
  }
}
</achart>

Otro ejemplo:

<achart>
{
    chart: {
        width: 380,
        type: 'pie',
        toolbar: { show: true,tools: { download: true } },
    },
    labels: ['Team A', 'Team B', 'Team C', 'Team D', 'Team E'],
    series: [44, 55, 13, 43, 22],
    responsive: [{
        breakpoint: 480,
        options: {
            chart: {
                width: 200
            },
            legend: {
                position: 'bottom'
            }
        }
    }]
}
</achart>

[[https://github.com/karl257/dokuwiki-plugin-achart/]]

Demos: [[https://apexcharts.com/javascript-chart-demos/]]

===== Líneas de tiempo =====

==== Vertical ====

<dwtimeline title="Título de la línea de tiempo" description="Una descripción extra">
<milestone title="Primer hito" description="Mi primer hito de la línea de tiempo" >
Entre el inicio y el final del hito, puede incluso utilizar marcas Wiki, por ejemplo, imágenes:
{{:wiki:dokuwiki-128.png?100|}}
</milestone>
<milestone title="Segundo hito con enlace" description="Mi segunda entrada en la línea de tiempo" link="[[http://example.com|External Link]]">
Una entrada de hito acepta título, descripción y enlace como opciones.
Cada vez seguido de ''='' y la opción rodeada de ''"'':
< code>
title="Segundo hito con enlace" description="Mi segunda entrada en la línea de tiempo" link="[[http://example.com|External Link]]"
< /code>
Este se renderiza en el **otro** lado de la //línea de tiempo//
</milestone>
<milestone title="Tercer hito" description="Mi tercera entrada en la línea de tiempo" link="[[playground:playground|]]">
Este se renderiza al otro lado de la línea de tiempo
<WRAP center round info 60%>
info box
</WRAP>
</milestone>
</dwtimeline title="Fin de la línea de tiempo">

==== Horizontal ====
<dwtimeline align="horz" title="Title of Timeline" description="A additional description">
<milestone title="First milestone" description="My first timeline entry" data="22">
Between the milestone start and end, you can even use Wiki markup, e.g. images:
{{:wiki:dokuwiki-128.png?100|}}
</milestone>
<milestone title="Second milestone with link" description="First of the blue era" link="[[http://example.com|External Link]]" data="bl"  backcolor="LightBlue">
A milestone entry accepts title, description and link as options.
Everytime followed by ''='' and the option surrounded by ''"'':
<code>
title="Second milestone with link" description="My second timeline entry" link="[[http://example.com|External Link]]"
< /code>
This one is rendered at the **other** side of the //timeline//
</milestone>
<milestone title="Third milestone" description="My third timeline entry" link="[[playground:playground|]]"  backcolor="LightBlue">
This one is rendered at the other side of the timeline
<WRAP center round info 60%>
info box
</WRAP>
</milestone>
</dwtimeline title="End of Timeline">

===== Autotooltip =====

Permite ver el resumen de una página. Que usualmente coincide con el primer párrafo.

<autott>wiki:syntax</autott>

===== Infobox =====

{{infobox>
name = Character Name
image = idea.png
Nombre = Full Character Name
Título = Character's Title
Edad = Character's Age
Raza = Character's Race
Origen = [[Character's Homeland]]
Rol = Character's Role
Afiliación = [[Group 1]], [[Group 2]], [[Group 3]]
Habilidades = Ability 1, Ability 2, Ability 3
Logros = Achievement 1, Achievement 2, Achievement 3
Compañeros = [[Companion 1]], [[Companion 2]]
Enemigos = [[Enemy 1]], [[Enemy 2]]
}}

Todas las palabras de más arriba se pueden cambiar según el contenido de la caja de información que se va a crear.

Aquí viene el texto que aparecerá al costado izquierdo de la caja de información. Aquí viene el texto que aparecerá al costado izquierdo de la caja de información. Aquí viene el texto que aparecerá al costad izquierdo de la caja de información. Aquí viene el texto que aparecerá al costad izquierdo de la caja de información. Aquí viene el texto que aparecerá al costad izquierdo de la caja de información.