Test Shortcodes

Nombre: Urls

Descripcción: Podremos incrustar enlaces de la página

[Site_url]  // https://localhost/cmsbarrio
[Site_current]  // obtenemos el hash, en este caso editor

Nombre: Php

Descripcción: Podemos incrustar funciones Php

[Php]echo 'holas';[/Php]

Nombre: Estilos css

Descripcción: Podremos incrustar css en la cabecera

[Styles]body{background:red;}[/Styles]
[Styles minify=true]body{background:red;}[/Styles]

Nombre: Archivo Estilos css

Descripcción: Podremos incrustar un archivo de css en la cabecera

[Style href='//example.css']

Nombre: Scripts

Descripcción: Podremos incrustar Javascript al final de body

[Scripts]console.log("test");[/Scripts]
[Scripts minify=true]console.log("test");[/Scripts]

Nombre: Script

Descripcción: Podremos incrustar un archivo Javascript al final de body

[Script src='//example.js']

Nombre: Archivo texto

Descripcción: Podremos incrustar un archivo de texto

[Html src='/public/lorem.txt']

Nombre: Config

Descripcción: Podremos incrustar un objecto del archivo de configuración

[Config name='title']

Nombre: Divider

Descripcción: Podremos incrustar un barra de division (hr)

[Divider]
[Divider num='2']
[Divider type='br' num='2']

Nombre: Button

Descripcción: Podremos incrustar un boton

[Btn text='hola' id='btn' href='//example.com']

Nombre: Space

Descripcción: Podremos incrustar un espacio

[Space]
[Space num=2]

Nombre: Code

Descripcción: Podremos incrustar un codigo

[Code type='php']php code here[/Code]

function sayname(name){

Nombre: Imagenes

Descripcción: Podremos incrustar imagenes

[Img src='public/notfound.jpg']
[Img url='//google.es' src='public/notfound.jpg']
[Img url='//google.es' title='Hello' src='public/notfound.jpg']
[Img url='//google.es' title='Hello' class='well' src='public/notfound.jpg']
[Img url='//google.es' title='Hello' class='well' ext='true' src='//localhost/cmsbarrio/public/notfound.jpg']

Demostración

Nombre: Text

Descripcción: Podremos incrustar textos con fondo y color o clases css

[Text]Color texto[/Text]
[Text bg='red']Color texto[/Text]
[Text bg='blue' color='white']Color texto[/Text]

Nombre: Link

Descripcción: Podremos incrustar enlaces con clasess css

[Link href='GxEc46k46gg']
[Link title='Ir a monchovarela.es' href='//monchovarela.es']
[Link alt='website' title='Ir a monchovarela.es' href='//monchovarela.es']
[Link class='btn btn-primary' alt='pagina ' title='Ir a monchovarela.es' href='//monchovarela.es']

Nombre: Details

Descripcción: Podremos incrustar un bloque con contenido oculto

[Details title='example']Markdown Hidden content [/Details]

Nombre: Iframes

Descripcción: Podremos incrustar un bloque con un iframe

[Iframe src='//monchovarela.es']

Nombre: Youtube

Descripcción: Podremos incrustar un bloque de Youtube

[Youtube id='GxEc46k46gg']
[Youtube class='ratio ratio-1x1' id='GxEc46k46gg']

Nombre: Vimeo

Descripcción: Podremos incrustar un bloque de Vimeo

[Vimeo id='149129821']
[Vimeo class='ratio ratio-1x1' id='149129821']

Nombre: Video

Descripcción: Podremos incrustar un bloque de video

[Video class='p-1' src='public/test.mp4']
[Video class='p-1' autoplay=true src='public/test.mp4']
[Video class='p-1' autoplay=true autobuffer=true src='public/test.mp4']
[Video class='p-1' controls=true autoplay=true autobuffer=true muted=true' loop=true src='public/test.mp4']

Nombre: Listas

Descripcción: Podremos incrustar un lista de enlaces de una carpeta

[List folder='posts']
[List folder='posts' limit='2']
[List folder='posts' limit='2' order='[title,date,description,etc...]']