Documentación de moziloCMS

Elementos de sintaxis personalizados

La "sintaxis CMS" es un lenguaje de comandos interno de Mozilo especialmente desarrollado. Se utiliza para colocar y alinear elementos como imágenes y enlaces en páginas de contenido o para dar formato al texto.

Todos los elementos de sintaxis de CMS se pueden anidar de acuerdo con ciertas reglas. Las instrucciones se pueden encontrar en el capítulo: Editor → Reglas de sintaxis de CMS >

En la pestaña de administración "Configuración", en "Configuración de sintaxis", puede agregar elementos de sintaxis autodefinidos usando CSS y HTML.

Al anteponer un circunflejo (techo alto) ^ el siguiente carácter queda protegido y el sistema lo interpreta como un carácter de texto normal.
Por ejemplo, los corchetes cuadrados y curvos, así como la barra vertical [ | ] { } son parte de los elementos de sintaxis en moziloCMS.
Si estos caracteres aparecen en el texto de la página normal, deben protegerse con un techo alto ^ precedente (por ejemplo, ^[ ).
De lo contrario, Mozilo podría interpretarlos como caracteres de sintaxis y generar visualizaciones incorrectas.

Elementos de sintaxis de CMS

Al hacer clic en el ícono se salta directamente a la explicación correspondiente:

Todos los comandos necesarios para el diseño de la página están disponibles como botones en la barra de sintaxis CMS del editor.

Después de presionar un botón, el comando de sintaxis CMS correspondiente aparece en la posición del cursor en la ventana de trabajo del editor.
Si un comando hace referencia a un elemento de contenido, se inserta entre estos dos caracteres | elemento de contenido aquí ].

Los elementos de contenido se insertan de la siguiente manera:
Escribiendo o desde el portapapeles – p. ej. textos, direcciones de Internet, direcciones de correo electrónico
Seleccionando desde los cuadros de selección, por ejemplo, imágenes, archivos, enlaces a otras páginas de contenido, complementos

Si el elemento de contenido se coloca primero y está completamente seleccionado, el elemento de sintaxis se agregará correctamente al hacer clic.

Enlaces

Enlace externo:

Icono:	Sintaxis CMS:	Función:	Ejemplo:	Resultado:
	[ link \| ]	Abre un enlace de Internet	[ link \|https://www.mozilo.de/ ]	https://www.mozilo.de
	[ mail \| ]	Abre la entrega de correo electrónico a la dirección ingresada	[ link \|mail@server.de ]	mail@server.de

En la pestaña Administración "Configuración" puede especificar si los enlaces externos se abren en la misma ventana del navegador o en una nueva.
No es necesario anteponer "https://" a los enlaces de Internet. Tanto https://www.link.de como www.link.de son válidos.

Enlace interno:

Icono:	Sintaxis CMS:	Función:	Ejemplo:	Resultado:
	[ seite \| ]	Abre una página de contenido	[ seite \| @= Categoría 1:Página 1 =@ ]	Página 1
	[ kategorie \| ]	Abre la primera página de una categoría de contenido	[ kategorie \| @= Hogar =@ ]	Hogar

Las páginas o categorías de contenido disponibles se seleccionan desde el Cuadro de selección insertado.

Enlace de descarga:

Icono:	Sintaxis CMS:	Función:	Ejemplo:	Resultado:
	[ datei \| ]	Inicia la descarga o, dependiendo del complemento del navegador, la visualización de un archivo	[ datei \| @= Hogar:archive.zip =@ ]	archive.zip

Los archivos disponibles se seleccionan desde el Cuadro de selección insertado.

Para todos los elementos de sintaxis de enlace:

Si se coloca un carácter = después del nombre del comando, seguido de texto u otro comando de sintaxis, la visualización del enlace cambia en consecuencia.

Variante 1:

Si se inserta texto después del carácter =, se mostrará este texto en lugar del nombre del enlace original.

Ejemplo:	Resultado:
[ link = Haga clic aquí \|https://www.mozilo.de/ ]	Haga clic aquí

Variante 2:

Se inserta después del carácter = utilizando el elemento de sintaxis [ bild | ] Si se inserta una imagen, se mostrará en lugar del nombre del enlace.

Ejemplo:	Resultado:
[ link = [ bild \| @= Hogar:bild.jpg =@ ] \|https://www.mozilo.de ]

Insertar imágenes

Sintaxis CMS:	Función:	Ejemplo:	Resultado:
[ bild \| ]	Coloca una imagen en una página de contenido (el flujo de texto se interrumpe en ambos lados)	[ bild \| @= Hogar:bild.jpg =@ ]	Lorem ipsum dolor sit amet, con Stet clita kas dgu bergren, no sea tak imata sanctu s est Lorem ipsum dolor sit amet.
[ bildlinks \| ]	Coloca una imagen en el borde izquierdo de una página de contenido (el texto fluye más allá del borde derecho de la imagen)	[ bildlinks \| @= Hogar:bild.jpg =@ ]	Lorem ipsum dolor sit amet, con Stet clita kas dgu bergren, no sea tak imata sanctu s est Lorem ipsum dolor sit amet.
[ bildrechts \| ]	Coloca una imagen en el borde derecho de una página de contenido (el texto fluye más allá del borde izquierdo de la imagen)	[ bildrechts \| @= Hogar:bild.jpg =@ ]	Lorem ipsum dolor sit amet, con Stet clita kas dgu bergren, no sea tak imata sanctu s est Lorem ipsum dolor sit amet.

Las imágenes disponibles se seleccionan desde el Cuadro de selección insertado.

Para todos los elementos de sintaxis de imagen:

Si coloca un signo = después del nombre del comando y luego ingresa texto, se mostrará como un título.

Ejemplo:	Resultado:
[ bild = Flor de loto en el lago \| @= Hogar:bild.jpg =@ ]	Flor de loto en el lago

A con [ bild | ] la imagen colocada se puede editar con los comandos [links | ], [zentriert | ], [rechts | ] alineado horizontalmente.

Referencia de salto

Icono:	Sintaxis CMS:	Función:	Ejemplo:	Resultado:
	[ absatz = \| ]	Enlace que salta a un encabezado.	[ absatz = más abajo > \| Instrucciones ]	más abajo >

En el ejemplo anterior, en la oración: "Las instrucciones están disponibles más abajo > ". Las dos últimas palabras crean un enlace de salto.
El objetivo del salto es la palabra "Instrucciones" en otra parte de la misma página, que es o o formateado como encabezado.

Sin más especificaciones, [ absatz | ] crea un enlace que salta automáticamente a la parte superior de la página.

Visualización de texto como una lista

Icono:	Sintaxis CMS:	Función:	Ejemplo:	Resultado:
	[ liste \| ]	Crea una línea de texto sangrada precedida por una viñeta.	[ liste \| Primera linea ] [ liste \| Segunda linea ]	Primera linea Segunda linea
	[ numliste \| ]	Crea una línea de texto sangrada con numeración precedente.	[ numliste \| Primera linea ] [ numliste \| Segunda linea ]	Primera linea Segunda linea

Ambos elementos de sintaxis también pueden anidarse.

Ejemplo:	Resultado:
[ numliste \| Primera linea ] [ numliste \| Segunda linea [ liste \| Primera sublinea ] [ liste \| Segunda sublínea ] [ liste \| Tercera sublínea ] ] [ numliste \| Tercera linea ]	Primera linea Segunda linea Primera sublinea Segunda sublínea Tercera sublínea Tercera linea

Mesa

Icono:

Sintaxis CMS:

Función:

Ejemplo:

Resultado:

[ tabelle |
<< | >>
< | >
]

Organizar el texto u otros elementos de forma tabular, ordenados por filas y columnas.

[ tabelle | Titular
<< Cabeza-Dividir 1 | Cabeza-Dividir 2 >>
< Línea 1-Dividir 1 | Línea 1-Dividir 2 >
< Línea 2-Dividir 1 | Línea 2-Dividir 2 >
]

Titular
Cabeza-Dividir 1	Cabeza-Dividir 2
Línea 1-Dividir 1	Línea 1-Dividir 2
Línea 2-Dividir 1	Línea 2-Dividir 2

Al agregar más delimitadores de línea < > y separadores de columnas | una tabla puede constar de cualquier número de filas y columnas. Se puede agregar un encabezado.
Las tablas también se pueden mostrar de forma responsiva especificando instrucciones CSS en style.css (plantilla).

Las tablas solo pueden ser simétricas. Esto significa: Cada fila debe contener el mismo número de columnas.

Línea divisoria

Icono:	Sintaxis CMS:	Función:	Ejemplo:	Resultado:
	[ ---- ]	Línea divisoria horizontal	[ ---- ]

Insertar código fuente HTML

Icono:	Sintaxis CMS:	Función:	Ejemplo:	Resultado:
	[ html \| ]	Percibe el texto html como tal y genera la visualización correspondiente.	[ html \| <marquee> Texto </marquee> ]	Texto

Con este elemento de sintaxis puedes, por ejemplo, incrustar un enlace de vídeo o un mapa interactivo.

Incluir

Icono:	Sintaxis CMS:	Función:	Ejemplo:	Resultado:
	[ include \| ]	Inserta el contenido de otra página.	[ include \| @= Categoría 1:Página 2 =@ ]	Este texto está en la página 2, pero se mostrará dondequiera que se "incluya" la página 2.

Las páginas de contenido disponibles se seleccionan desde el Cuadro de selección insertado.

Siempre es útil cuando el mismo contenido aparece en varios lugares: Por ejemplo, Por ejemplo, si una determinada dirección debe mostrarse en varios lugares, se escribe en una página separada a la que se le asigna el atributo "oculto". Usando "incluir", el contenido de esta página, incluyendo todo el formato, se puede insertar en cualquier lugar. Ventaja: Cualquier cambio de dirección solo es necesario realizarlo una vez.

Formato de fuente y párrafo

Sintaxis CMS:	Función:	Ejemplo:	Resultado:
[ ueber1 \| ]	Titular grande	[ ueber1 \| Titular grande ]	Titular grande
[ ueber2 \| ]	Titular medio	[ ueber2 \| Titular medio ]	Titular medio
[ ueber3 \| ]	Titular pequeño	[ ueber3 \| Titular pequeño ]	Titular pequeño
[ links \| ]	Párrafo de texto alineado a la izquierda	[ links \| ]	El texto comienza aquí. Continúa aquí. Todas las líneas están alineadas al margen izquierdo.
[ zentriert \| ]	Párrafo de texto centrado	[ zentriert \| ]	El texto comienza aquí. Continúa aquí. Todas las filas están centradas.
[ block \| ]	Párrafo de texto en texto justificado	[ block \| ]	El texto comienza aquí. Aquí continúa. Y todo está alineado a ras en ambos bordes hasta la penúltima línea.
[ rechts \| ]	Párrafo de texto alineado a la derecha	[ rechts \| ]	El texto comienza aquí. Continúa aquí. Todas las líneas están alineadas al margen derecho.
[ fett \| ]	Texto en negrita	El texto es [ fett \| más grueso ] mostrado	El texto es más grueso mostrado
[ kursiv \| ]	Texto en cursiva	El texto es [ kursiv \| inclinado ] mostrado	El texto es inclinado mostrado
[ unter \| ]	Texto subrayado	El texto es [ unter \| subrayado ]	El texto es subrayado
[ durch \| ]	Texto tachado	El texto es [ durch \| tachado ]	El texto es ~~tachado~~

tamaño de fuente

Icono:	Sintaxis CMS:	Función:	Ejemplo:	Resultado:
	[ fontsize = \| ]	Cambia el tamaño de fuente (se requiere un parámetro después de =)	Él era un [ fontsize = 22px \|GIGANTE ]	Él era un GIGANTE

Puede encontrar información detallada sobre los posibles parámetros de tamaño de Fontsize aquí, en de.selfhtml.org >

Color de fuente

Icono:	Sintaxis CMS:	Función:	Ejemplo:	Resultado:
	[ farbe = \| ]	Cambia el color de la fuente (se requiere un nombre de color o un código de color hexadecimal después de =)	Esta palabra es [ farbe = 00FF00 \| verde ]	Esta palabra es verde

El color del elemento de sintaxis el código de color requerido se asigna antes de aplicarse.
Para este propósito, moziloCMS tiene un selector de color integrado. .

Al marcar un código de color existente [ farbe = 00FF00 | verde ] y luego haga clic en solo se reemplaza el código de color.

Ofrece tres opciones diferentes para configurar el color deseado.

Anillo de color:

1En el círculo exterior, establezca el color base deseado moviendo el marcador de círculo establecer.

2En el triángulo interior se puede configurar la relación entre brillo y saturación.

Valores RGB:

3Moviendo los controles deslizantes (rojo, verde, azul, saturación y brillo) o ingresando los valores numéricos correspondientes (0 - 255) en los campos de texto.

Entrada directa del código de color:

4Si se conoce el código de color de 6 dígitos, se puede ingresar directamente en esta ventana de texto.

Más elementos:

5Mostrar el color configurado actualmente

6Mostrar el último color utilizado. La configuración actual se puede deshacer haciendo clic aquí.

7Colores predefinidos guardados en la pestaña de administración Configuración >.

Editar color Cerrar

▲▼
▲▼
▲▼
▲▼
▲▼