Neste artigo vamos conhecer um Mini-Editor
HTML desenvolvido todo em javascript.
Na introdução deste artigo,
vamos ver os detalhes e instruções. Logo
no final, você terá o arquivo Editor.htm
para ser visualizado, e, se desejar, poderá pegar
o código.
Orientação importantes
Este mini editor HTML é um scriptlet
e, por isto, pode ser inserido dentro de outras páginas,
por meio das tags
e . Veja:
DATA="editor.htm" TYPE="text/x-scriptlet"
WIDTH="95%" HEIGHT="300">
Obs.: Os valores de WIDTH e HEIGHT podem
ser modificados conforme suas necessidades, claro.
Modo de usar
Para utilizar este editor junto a um
, você precisa
colocar algumas funções na página que os conterá. Veja
o código (observe que o código JavaScript fica dentro
do
ACTION="xxx.htm" onSubmit="PegarTexto(this);">
TYPE="text/x-scriptlet" WIDTH="95%"
HEIGHT="300">
scriptlets –>
VALUE="Enviar">
VALUE="Limpar o Formulário" OnClick="Limpar();">
Para o caso de haver a necessidade de
se abrir a página com o editor já contendo um texto
qualquer (em uma alteração de registro, por exemplo),
pode-se fazer o seguinte: Insere-se um TEXTAREA
como o de cima, mas com o nome "Editar" (por
exemplo – só para ser diferente) e coloca-se uma função
para jogar o texto para o editor.
Veja o exemplo (observe que, dessa vez
não é necessário que o script estaja dentro do ,
mas, ainda assim, é necessário que o
Página Editor.htm
|
Clique |