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: