Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Thyago Brasil

Editor de Textos em JavaScript

Por , em Javascript

Recommended Posts

Thyago Brasil    0

Thyago Brasil
Postado

Galera,

 

Boa tarde!

 

Estou precisando do seguinte:

 

Um editor de textos onde irá ter uns textos fixos e outros que podem ser alterados.

 

Imaginem uma Carta:

 

---------------------------------------------------------------------------

 

NOME DA CIDADE, DIA de MES de ANO.

 

Prezado Senhor(a) NOME DA PESSOA...

 

---------------------------------------------------------------------------

 

Onde os itens em negrito seriam os textos que o usuário poderá digitar e os outros itens seriam os textos fixos.

 

No caso de eu não ter sido muito claro, por favor postem aí que eu tentarei explicar melhor!

 

Obrigado a todos,

 

Abraços

 

Thyago

Compartilhar este post

Link para o post
Compartilhar em outros sites

Thiago de Oliveira Cruz    21

Thiago de Oliveira Cruz
Postado

Isso ai na minha opnião é mais fácil fazer com um php colocando as variaveis no lugar que você quer...

 

Mas se quiser fazer por javascript pode fazer tbm criando a formatação do texto e mudando ela com innerHTML no qual as variaveis vão ficar no texto.

Então ai tu vai montar um form, que tenha id's para pegar o focusOut ou se quiser colocar um botão no final, que vai chamar o valor.

 

Exemplo bem simples

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script>
function createText(){
	var nome = document.getElementById('nome').value;
	var info = document.getElementById('ano').value;
	var data = [];
	data = info.split("/");
	var dia = data[0];
	var mes = data[1];
	var ano = data[2];
	document.getElementById('carta').innerHTML = "Carta criada no dia "+dia+"/"+mes+"/"+ano+" por "+nome;
}
</script>
</head>

<body>
<input type="text" width="100px" id="nome" value="seu nome" />
<input type="text" width="100px" id="ano" value="xx/xx/xxxx" />
<input type="button" onclick="createText()" value="enviar" />

<div id="carta">
</div>
</body>
</html>

Ai tu monta seu texto como você quiser...

 

Mas basicamente é isso ai

 

Abraços

Compartilhar este post

Link para o post
Compartilhar em outros sites

Thiago de Oliveira Cruz    21

Thiago de Oliveira Cruz
Postado

A dica já ta ai fio... se é asp ou php tanto faz... é mais fácil trabalhar com envio de variaveis via asp e php do que javascript (fácil que eu digo é da menos trabalho e menores chances de erro)

 

Quanto ao script já ta ai :)

 

Altere da maneira que você quiser isso ai e envie ;)

 

Abraços

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito