Ir para conteúdo
Fórum Script Brasil
  • 0

Rich Text Editor


Tesla

Pergunta

Tenho um tempo já com PHP, javascript, CSS, html... E agora quero fazer um rich text editor. Alguém tem aí algum tutorial, ou então algum código, nem que seja só pra colocar o texto em negrito, pois assim serviria de base para eu fazer o resto.

Obrigado.

edit---------

pessoal to começando a desenvolver aqui da minha maneira, mas tá um pouquinho difícil por um motivo.

eu tenho o seguinte código:

<html>

<body>

<script language="javascript">



function pre_vi (use) {

x_g = use.offsetWidth;
y_g = use.offsetHeight;
ly = use.offsetTop;
lx = use.offsetLeft;

str = use.innerHTML;

str = str.replace(/[b]/g, "<b>");
str = str.replace(/[/b]/g, "</b>");


document.body.innerHTML += '<div style="top:'+ly+';left:'+lx+';position:absolute;background:#cccccc;z-index:5;width:'+x_g+'px;height:'+y_g+'px;">'+str+'</div>';



}

</script>

<textarea rows="10" cols="40" onblur="pre_vi(this)"></textarea>

</body>

</hmtl>

só que ao invés de retornar <b>, ele retorna [<>]

Editado por Tesla
Link para o comentário
Compartilhar em outros sites

1 resposta a esta questão

Posts Recomendados

  • 0

Substitua

str = str.replace(/[b]/g, "<b>");
str = str.replace(/[/b]/g, "</b>");
por
str = str.replace(/\[b]/g, "<b>");
str = str.replace(/\[\/b]/g, "</b>");

Javascript entende o [ como parte do codigo js, para ignora-lo e trata-lo como texto você colocar a barra invertida \. Isso funciona de forma geral no javascript (a exemplo das aspas que servem pra fechar ou abrir o codigo)

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,4k
×
×
  • Criar Novo...