Froala: aprimore sua plataforma com um editor de rich text WYSIWYG completo

Editor de Rich Text HTML Froala WYSIWYG

Se você já começou a desenvolver uma plataforma em que precisa de um editor de texto que é o que você vê é o que você obtém (WYSISYG), você sabe como pode ser difícil. Quando eu trabalhei em um provedor de serviços de e-mail, o trabalho de desenvolver e testar um editor que trabalhasse para renderizar HTML de e-mail de cliente cruzado responsivo levou os desenvolvedores a várias versões para iterar e corrigir. Não é fácil.

Um editor de texto é um dos elementos que você gostaria de incorporar em uma plataforma que aprimora significativamente o conteúdo capturado, mas não deve exigir meses ou anos de desenvolvimento. Editor Froala é um editor de rich text incrivelmente rápido que é leve, bem estruturado, seguro e fácil para sua equipe de desenvolvimento integrar em todos frameworks populares.

Froala Editor Tour 1

Recursos de design do Froala Editor

  • design moderno - uma interface moderna agradável que os usuários irão adorar.
  • Retina Pronto - Mais detalhes, melhor estética e fontes mais nítidas.
  • Temas - Use o tema padrão ou escuro, ou crie seu próprio tema usando o arquivo de tema MENOS.
  • interface intuitiva - O editor de rich text Froala oferece funcionalidade completa por meio de uma interface muito intuitiva que os usuários acharão natural de usar.
  • Popups - pop-ups novos e estilizados para uma experiência incrível do usuário.
  • Ícones SVG - ícones SVG feitos internamente, ícones vetoriais escaláveis ​​que ficam lindos em qualquer tamanho.
  • Estilo Personalizado - O editor de HTML WYSIWYG é o único que possui uma ferramenta de personalização especial para alterar a aparência e a sensação que você deseja.
  • Barra de Ferramentas Personalizada - Muitos botões? Talvez não esteja na ordem certa? Você tem controle total sobre a funcionalidade da barra de ferramentas do editor em cada tamanho de tela.
  • Personalizado totalmente - Tudo pode ser personalizado ou feito sob encomenda: botões, menus suspensos, pop-ups, ícones, atalhos.
  • Barra de Ferramentas Fixa - Para facilitar sua experiência de edição, a barra de ferramentas do editor WYSIWYG permanecerá na parte superior da tela enquanto você rola para baixo.
  • Compensação da barra de ferramentas - A barra de ferramentas do editor de rich text não precisa se sobrepor ao cabeçalho de sua página da web, apenas defina um deslocamento para ele.
  • Barra de ferramentas na parte inferior - Mude facilmente a posição da barra de ferramentas do editor de HTML WYSIWYG de cima para baixo, enquanto também usa a barra de ferramentas aderente ou um deslocamento.
  • tela cheia - Lidar com grandes quantidades de conteúdo requer um grande espaço de edição. O botão de tela inteira expandirá a área de edição para todo o espaço da página da web.
  • Página cheia - Escrever e editar uma página HTML inteira também é possível. Útil para e-mails, mas não apenas, o uso de tags HTML, HEAD, BODY e declaração DOCTYPE é permitido.
  • Iframe - O conteúdo do editor HTML WYSIWYG pode ser isolado do resto da página usando iframe para que não haja conflitos de estilo ou script.

Recursos de desempenho do Froala Editor

  • pomposidade - Seis vezes mais rápido que um piscar de olhos, o editor de rich text inicializará em menos de 40ms.
  • Leve - Com seu núcleo compactado de apenas 50 KB, você pode trazer uma experiência de edição incrível para seu aplicativo sem perder a velocidade de carregamento.
  • Baseado em Plugin - A estrutura modular torna o editor de HTML WYSIWYG mais eficiente, fácil de entender, estender e manter.
  • Editores múltiplos em uma página - Um ou dez editores de texto na mesma página? Você não sentirá diferença, apenas configure-os para serem inicializados com um clique.
  • HTML 5 - O Froala Rich Text Editor foi construído respeitando e aproveitando os padrões HTML 5.
  • CSS 3 - Qual a melhor maneira de melhorar a experiência do usuário do que usando CSS 3? Efeitos sutis tornam o editor ainda melhor.

Recursos do Froala Editor Mobile

  • Android e iOS - Dispositivos Android e iOS testados e suportados.
  • Redimensionamento de Imagem - Froala Rich Text Editor é o primeiro editor HTML WYSIWYG com redimensionamento de imagem que funciona até mesmo em dispositivos móveis.
  • Redimensionar vídeo - o primeiro a introduzir redimensionamento para vídeos, mesmo quando eles estão sendo reproduzidos. E, claro, também funciona no celular.
  • Design Responsivo - O conteúdo que você está editando será responsivo. Seu editor HTML WYSIWYG pode manipular o redimensionamento de imagens usando porcentagens.
  • Barra de ferramentas por tamanho da tela - Pela primeira vez em um editor de rich text, a barra de ferramentas pode ser personalizada para cada tamanho de tela.

Recursos do Froala Editor SEO

  • HTML limpo - Froala desenvolveu um algoritmo que limpa automaticamente a saída HTML de seu editor de rich text. Escreva sem preocupações, o editor de HTML WYSIWYG produz uma saída muito limpa, à espera de ser rastreado pelos motores de busca.
  • Suporte para Image Alt Tag - A alternativa de imagem é o texto mostrado se o navegador não puder exibir a imagem. É também o texto que os motores de busca usam, portanto, não o ignore. O texto alternativo pode ser definido no pop-up de edição de imagem.
  • Suporte para tag de título de link - Embora o título do link não tenha grande impacto no SEO, ele ajuda os usuários a navegar mais facilmente pelo seu site. Não é tão importante, mas é bom ter. Defina o título do link no pop-up do link.

Recursos de segurança do Froala Editor

  • O Froala WYSIWYG HTML Editor possui um forte mecanismo de defesa contra ataques XSS. Na maioria dos casos, você não terá que se preocupar com isso, mas ainda recomendamos que você faça verificações adicionais em seu servidor.

Junto com o apoio todos os recursos HTML, o editor é traduzido para 34 idiomas diferentes, tem suporte RTL com detecção automática e verificação ortográfica.

Froala ainda tem um WordPress Plugin para integrar o editor ao seu site WordPress.

Experimente o Editor de HTML Online da Froala Baixar Froala

O que você acha?

Este site usa o Akismet para reduzir o spam. Saiba como seus dados de comentário são processados.