Como editar conteúdo com WYSIWYG?
Geral
Avisos

A CMS Drupal, que está na base do portal da DRAPN, usa uma ferramenta poderosa e essencial para os Gestores de Conteúdo: o CKEditor com o modo WYSIWYG (What You See Is What You Get). 

Este modo, é uma solução fantástica para quem tem necessidade de edição digital de conteúdos, permitindo que os utilizadores editem o conteúdo de forma visual e intuitiva. 

Vamos explorar, como podemos aprimorar com este plugin, a experiência de edição na DRAPN.

 

I. O que é o modo WYSIWYG:

O modo WYSIWYG do CKEditor, permite aos utilizadores, editarem o conteúdo de forma visual, exatamente como ele será exibido no front-end do site. Com este modo, não é necessário conhecer linguagens de programação ou códigos HTML para editar o conteúdo. Você pode criar e formatar o texto, adicionar imagens, links, tabelas e outros elementos visuais diretamente na interface de edição.

Na imagem seguinte, podemos obsevar as ferramentas de edição disponibilizadas na Toolbar do campo corpo:   
 

II. Principais recursos e benefícios:

1. Edição visual intuitiva:   
Com o modo WYSIWYG, você pode editar o conteúdo do Drupal como se estivesse trabalhando em um editor de texto convencional. É possível ver em tempo real como as alterações afetam a aparência do conteúdo final. Isso torna o processo de edição mais rápido, fácil e intuitivo.

2. Personalização flexível:   
O CKEditor com o modo WYSIWYG oferece uma ampla gama de opções de personalização para atender às necessidades individuais de cada projeto. Você pode ajustar o estilo do texto, alterar as cores, adicionar estilos pré-definidos e até mesmo criar estilos personalizados. Essa flexibilidade permite que você mantenha a consistência visual do conteúdo em todo o site.

3. Inserção de elementos multimídia:   
Com o modo WYSIWYG, é fácil adicionar elementos multimídia ao seu conteúdo no Drupal. Você pode inserir imagens, vídeos, áudio e outros arquivos de mídia diretamente na interface de edição, sem a necessidade de conhecimento técnico avançado. Isso permite enriquecer o conteúdo e torná-lo mais envolvente para os visitantes do site.

4. Facilidade de uso:   
O modo WYSIWYG do CKEditor é projetado para ser fácil de usar, mesmo para utilizadores iniciantes. A interface de edição é intuitiva e semelhante a outros editores de texto comuns. As opções de formatação e inserção de elementos são organizadas de maneira lógica e acessível, facilitando o acesso às funcionalidades necessárias.

 

Exemplos

Imagens dentro do Body:

Image
Azeitonas

 

Link: https://portal.drapnorte.gov.pt/

Texto a Bold , Itálico

Tabela:

Col ACol BCol CCol D
Exemplo de TextoExemplo de TextoExemplo de TextoExemplo de Texto

Exemplo de Texto

Exemplo de Texto

Exemplo de Texto

Exemplo de Texto

Exemplo de Texto

Exemplo de Texto

 

I. Snippet Collapse: