Como criar um processador de texto dentro de uma página web

doesn HTML padrão`t allow a user to format text in a form.

Um processador de texto padrão permite destacar texto e mudar o seu estilo, tamanho, tipo de fonte e outras propriedades com o clique de um botão, enquanto a área de texto de uma página da Web normal permite que você digite apenas texto simples. Alguém hábil com javascript pode adicionar esta funcionalidade, mas isso exigiria horas de trabalho e centenas de linhas de cabo. Felizmente, há uma série de livre, open source downloads disponíveis que permitem que um webmaster para adicionar WYSIWYG ("o que você vê é o que obtém") Funcionalidade para suas páginas em questão de minutos.

Coisas que você precisa

  • servidor web
  • texto simples ou editor HTML

usando openWYSIWYG

  • Baixe o arquivo ZIP openWYSIWYG, que pode ser encontrado na seção de recursos.

  • Descompacte o arquivo e fazer o upload dos arquivos para o servidor Web. Certifique-se de que o diretório e os arquivos individuais podem ser acessados ​​por usuários remotos.

  • Adicione o script para o HTML da página que você deseja usar o editor on. Se seu Web site é mysite.com, e você tem o script armazenado no diretório WYSIWYG, você usaria a seguinte linha de código:

usando CKEditor

  • Baixe o arquivo ZIP CKEditor, que pode ser encontrado na seção de recursos.



  • Descompacte o arquivo e fazer o upload dos arquivos para o servidor Web. Certifique-se de que o diretório e os arquivos individuais podem ser acessados ​​por usuários remotos.

  • Adicione o script para o HTML da página que você deseja usar o editor on. Se seu Web site é mysite.com, e você tem o script armazenado no diretório WYSIWYG, você usaria a seguinte linha de código:

usando TinyMCE

  • Baixe o arquivo ZIP TinyMCE, que pode ser encontrado na seção de recursos.

  • Descompacte o arquivo e fazer o upload dos arquivos para o servidor Web. Certifique-se de que o diretório e os arquivos individuais podem ser acessados ​​por usuários remotos.

  • Adicione o script para o HTML da página que você deseja usar o editor on. Se seu Web site é mysite.com, e você tem o script armazenado no diretório WYSIWYG, você usaria a seguinte linha de código:

  • Criar uma área de texto com o HTML normal, atributos que você quer que ele possui.

dicas & avisos

  • Você pode adicionar dados entre as tags as áreas de texto `para definir o seu conteúdo padrão, assim como com HTML padrão.
  • Quando os usuários enviar formulários, o conteúdo das áreas de texto serão enviadas como HTML, permitindo que você facilmente exibi-lo em outra página.
  • Cada um dos editores WYSIWYG tem muitas outras configurações. Você pode encontrar a lista completa na documentação on-line do editor.
  • Certifique-se de que as permissões de diretório para seus scripts estão definidos para 755 ou superior e que os arquivos estão definidos para 644 ou superior. permissões mais baixas vai impedir que usuários acessem os scripts.
De esta maneira? Compartilhar em redes sociais:

LiveInternet