Documentação do moziloCMS

Documentação do moziloCMS

A "sintaxe CMS" é uma linguagem de comando interna do Mozilla especialmente desenvolvida. Ele é usado para posicionar e alinhar elementos como imagens e links em páginas de conteúdo ou para formatar texto.

Todos os elementos de sintaxe do CMS podem ser aninhados de acordo com certas regras. As instruções podem ser encontradas no capítulo: Editor → Regras de sintaxe do CMS >

Na aba de administração "Configurações" em "Configurações de sintaxe" você pode adicionar elementos de sintaxe autodefinidos usando CSS e HTML.

Ao preceder um circunflexo (teto alto) ^, o caractere seguinte é protegido e interpretado pelo sistema como um caractere de texto normal.
Por exemplo, colchetes e colchetes, bem como a barra vertical [ | ] { } são parte dos elementos de sintaxe no moziloCMS.
Se esses caracteres aparecerem no texto normal da página, eles devem ser protegidos com um teto alto ^ precedente (por exemplo, ^[).
Caso contrário, o Mozilo pode interpretá-los como caracteres de sintaxe e resultar em exibições incorretas.

Elementos de sintaxe do CMS

Clicar no ícone vai diretamente para a respectiva explicação:

Todos os comandos necessários para o design da página estão disponíveis como botões na barra de sintaxe do CMS do editor.

Após pressionar um botão, o comando de sintaxe do CMS correspondente aparece na posição do cursor na janela de trabalho do editor.
Se um comando se refere a um elemento de conteúdo, ele é inserido entre esses dois caracteres | elemento de conteúdo aqui ].

Os elementos de conteúdo são inseridos da seguinte forma:
Digitando ou da área de transferência – por exemplo, textos, endereços de Internet, endereços de e-mail
Selecionando nas caixas de seleção – por exemplo, imagens, arquivos, links para outras páginas de conteúdo, plugins

Se o elemento de conteúdo for colocado primeiro e completamente selecionado, o elemento de sintaxe será adicionado corretamente quando clicado.

{ADMIN_USER_SELECT_TARGETBLANK}

Link externo:

Icon:	CMS-Syntax:	Funktion:	Beispiel:	Ergebnis:
	[ link \| ]	Abre um link da Internet	[ link \|https://www.mozilo.de/ ]	https://www.mozilo.de
	[ mail \| ]	Abre a entrega de e-mail para o endereço inserido	[ link \|mail@server.de ]	mail@server.de

Na aba Admin "Configurações" você pode especificar se os links externos serão abertos na mesma janela ou em uma nova janela do navegador.
Não é necessário prefixar "https://" em links da Internet. Tanto https://www.link.de quanto www.link.de são válidos.

link interno:

Icon:	CMS-Syntax:	Funktion:	Beispiel:	Ergebnis:
	[ seite \| ]	Abre uma página de conteúdo	[ seite \| @= Categoria 1:Página 1 =@ ]	Página 1
	[ kategorie \| ]	Abre a primeira página de uma categoria de conteúdo	[ kategorie \| @= Casa =@ ]	Casa

As páginas de conteúdo ou categorias disponíveis são selecionadas na Caixa de seleção inserido.

Link para download:

Icon:	CMS-Syntax:	Funktion:	Beispiel:	Ergebnis:
	[ datei \| ]	Inicia o download ou, dependendo do plugin do navegador, a exibição de um arquivo	[ datei \| @= Casa:archive.zip =@ ]	archive.zip

Os arquivos disponíveis são selecionados na Caixa de seleção inserido.

Para todos os elementos de sintaxe de link:

Se um caractere = for colocado após o nome do comando, seguido por texto ou outro comando de sintaxe, a exibição do link será alterada de acordo.

Variante 1:

Se o texto for inserido após o caractere =, este texto será exibido em vez do nome do link original.

Exemplo:	Resultado:
[ link = Clique aqui \|https://www.mozilo.de/ ]	Clique aqui

Variante 2:

É inserido após o caractere = usando o elemento de sintaxe [ bild | ] Se uma imagem for inserida, ela será exibida em vez do nome do link.

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

Inserir imagens

CMS-Syntax:	Funktion:	Beispiel:	Ergebnis:
[ bild \| ]	Coloca uma imagem em uma página de conteúdo (o fluxo de texto é interrompido em ambos os lados)	[ bild \| @= Casa: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 uma imagem na borda esquerda de uma página de conteúdo (o texto flui além da borda direita da imagem)	[ bildlinks \| @= Casa: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 uma imagem na borda direita de uma página de conteúdo (o texto flui além da borda esquerda da imagem)	[ bildrechts \| @= Casa: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.

As imagens disponíveis são selecionadas na Caixa de seleção inserido.

Para todos os elementos de sintaxe de imagem:

Se você colocar um sinal = após o nome do comando e então digitar o texto, ele será exibido como uma legenda.

Inserir texto alternativo (acessível) alt= é opcional. Se nenhum texto for inserido, o nome do arquivo de imagem será assumido.

Exemplo:	Resultado:
[ bild = Flor de lótus no lago \| @= Casa:bild.jpg =@ \|alt=Uma flor de lótus mostra todo o seu esplendor ]	Flor de lótus no lago

A com [ bild | ] a imagem inserida pode ser editada com os comandos [links | ], [zentriert | ], [rechts | ] alinhado horizontalmente.

Referência de salto

Icon:	CMS-Syntax:	Funktion:	Beispiel:	Ergebnis:
	[ absatz = \| ]	Link que salta para um título.	[ absatz = mais abaixo > \| Instruções ]	mais abaixo >

No exemplo acima, na frase: "As instruções estão disponíveis mais abaixo > ". As duas últimas palavras criam um link de salto.
Alvo de salto é a palavra "Instruções" em outro lugar na mesma página, o que é ou ou formatado como um título.

Sem maiores especificações, [ absatz | ] cria um link que salta automaticamente para o topo da página.

Exibição de texto como uma lista

Icon:	CMS-Syntax:	Funktion:	Beispiel:	Ergebnis:
	[ liste \| ]	Cria uma linha de texto recuada precedida por um marcador.	[ liste \| Primeira linha ] [ liste \| Segunda linha ]	Primeira linha Segunda linha
	[ numliste \| ]	Cria uma linha de texto recuada com numeração precedente.	[ numliste \| Primeira linha ] [ numliste \| Segunda linha ]	Primeira linha Segunda linha

Ambos os elementos de sintaxe também podem ser aninhados.

Exemplo:	Resultado:
[ numliste \| Primeira linha ] [ numliste \| Segunda linha [ liste \| Primeira sublinha ] [ liste \| Segunda sublinha ] [ liste \| Terceira sublinha ] ] [ numliste \| Terceira linha ]	Primeira linha Segunda linha Primeira sublinha Segunda sublinha Terceira sublinha Terceira linha

Mesa

Icon:

CMS-Syntax:

Funktion:

Beispiel:

Ergebnis:

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

Organizar texto ou outros elementos de forma tabular, classificados por linhas e colunas.

[ tabelle | Cabeçalho
<< Cabeça-Coluna 1 | Cabeça-Coluna 2 >>
< Linha 1-Coluna 1 | Linha 1-Coluna 2 >
< Linha 2-Coluna 1 | Linha 2-Coluna 2 >
]

Cabeçalho
Cabeça-Coluna 1	Cabeça-Coluna 2
Linha 1-Coluna 1	Linha 1-Coluna 2
Linha 2-Coluna 1	Linha 2-Coluna 2

Adicionando mais delimitadores de linha < > e separadores de coluna | uma tabela pode consistir em qualquer número de linhas e colunas. Um título pode ser adicionado.
As tabelas também podem ser exibidas responsivamente especificando instruções CSS no style.css (modelo).

As tabelas só podem ser simétricas. Isso significa: Cada linha deve conter o mesmo número de colunas.

linha divisória

Icon:	CMS-Syntax:	Funktion:	Beispiel:	Ergebnis:
	[ ---- ]	Linha divisória horizontal	[ ---- ]

Inserir código fonte HTML

Icon:	CMS-Syntax:	Funktion:	Beispiel:	Ergebnis:
	[ html \| ]	Percebe o texto HTML como tal e gera a exibição correspondente.	[ html \| <marquee> Texto </marquee> ]	Texto

Com este elemento de sintaxe você pode, por exemplo, incorporar um link de vídeo ou um mapa interativo.

Incluir

Icon:	CMS-Syntax:	Funktion:	Beispiel:	Ergebnis:
	[ include \| ]	Insere o conteúdo de outra página.	[ include \| @= Categoria 1:Página 2 =@ ]	Este texto está na página 2, mas será exibido onde quer que a página 2 esteja incluída.

As páginas de conteúdo disponíveis são selecionadas na Caixa de seleção inserido.

É sempre útil quando o mesmo conteúdo aparece em vários lugares: Por exemplo, Por exemplo, se um determinado endereço deve ser exibido em vários lugares, ele é escrito em uma página separada que recebe o atributo "oculto". Usando "incluir", o conteúdo desta página, incluindo toda a formatação, pode ser inserido em qualquer lugar. Vantagem: Qualquer alteração no endereço só precisa ser feita uma vez.

Fonte e formatação de parágrafo

CMS-Syntax:	Funktion:	Beispiel:	Ergebnis:
[ ueber1 \| ]	Cabeçalho grande	[ ueber1 \| Cabeçalho grande ]	Cabeçalho grande
[ ueber2 \| ]	Cabeçalho médio	[ ueber2 \| Cabeçalho médio ]	Cabeçalho médio
[ ueber3 \| ]	Cabeçalho pequeno	[ ueber3 \| Cabeçalho pequeno ]	Cabeçalho pequeno
[ links \| ]	Parágrafo de texto alinhado à esquerda	[ links \| ]	O texto começa aqui. Continua aqui. Todas as linhas são alinhadas à margem esquerda.
[ zentriert \| ]	Parágrafo de texto centralizado	[ zentriert \| ]	O texto começa aqui. Continua aqui. Todas as linhas são centralizadas.
[ block \| ]	Parágrafo de texto justificado	[ block \| ]	O texto começa aqui. Aqui ele continua. E tudo é alinhado em ambas as bordas até a penúltima linha.
[ rechts \| ]	Parágrafo de texto alinhado à direita	[ rechts \| ]	O texto começa aqui. Continua aqui. Todas as linhas são alinhadas à margem direita.
[ fett \| ]	Texto em negrito	O texto é [ fett \| mais grosso ] exibido	O texto é mais grosso exibido
[ kursiv \| ]	Texto em itálico	O texto é [ kursiv \| inclinado ] exibido	O texto é inclinado exibido
[ unter \| ]	Texto sublinhado	O texto é [ unter \| sublinhado ]	O texto é sublinhado
[ durch \| ]	Texto riscado	O texto é [ durch \| riscado ]	O texto é ~~riscado~~

{TOOLBAR_EDITOR_FONTSIZE}

Icon:	CMS-Syntax:	Funktion:	Beispiel:	Ergebnis:
	[ fontsize = \| ]	Altera o tamanho da fonte (um parâmetro é necessário após =)	Ele era um [ fontsize = 22px \|GIGANTE ]	Ele era um GIGANTE

Informações detalhadas sobre os possíveis parâmetros de tamanho de Fontsize podem ser encontradas aqui, em de.selfhtml.org >

Cor da fonte

Icon:	CMS-Syntax:	Funktion:	Beispiel:	Ergebnis:
	[ farbe = \| ]	Altera a cor da fonte (um nome de cor ou código de cor hexadecimal é necessário após =)	Esta palavra é [ farbe = 00FF00 \| verde ]	Esta palavra é verde

A Cor do elemento de sintaxe o código de cor necessário é atribuído antes de ser aplicado.
Para este propósito, o moziloCMS possui um seletor de cores integrado .