Ir para o conteúdo principal

Ferramentas inline

As ferramentas inline decoram o texto selecionado dentro de blocos semelhantes a parágrafos. O Clepit inclui 8 ferramentas inline prontas para uso. Elas se combinam livremente e todas são serializadas como HTML simples dentro dos dados html do bloco.

As ferramentas inline atualizam o campo de dados `html` do bloco. Não adicionam blocos separados. Toda a formatação permanece como HTML simples.

Abra a barra de ferramentas inline selecionando qualquer texto dentro de um parágrafo, cabeçalho, item de lista, citação ou bloco alert.

bold: Cmd/Ctrl + B

Ênfase em negrito.

HTML
<strong>text</strong>

inline-code: Cmd/Ctrl + `

Trecho de código inline em uma fonte monoespaçada.

HTML
<code class="clepit-inline-code">text</code>

italic: Cmd/Ctrl + I

Ênfase em itálico.

HTML
<em>text</em>

Vincule um trecho de texto a uma URL.

HTML
<a class="clepit-link" href="https://example.com" target="_blank" rel="noopener noreferrer">text</a>

marker: Cmd/Ctrl + Shift + M

Realce um trecho com um fundo de marcador.

HTML
<span class="clepit-marker-wrapper"><span class="clepit-marker-stroke"></span> text </span>

strikethrough: Cmd/Ctrl + Shift + X

Tachado.

HTML
<s>text</s>

tooltip: Cmd/Ctrl + Shift + T

Anexe uma dica de ferramenta ao passar o mouse em um trecho.

HTML
<span class="clepit-tooltip" data-tooltip="hint text">text</span>

underline: Cmd/Ctrl + U

Sublinhado.

HTML
<u>text</u>