Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Bom dia Pessoal,
Alguém sabe se é possível definir uma cor na fonte em uma determinada palavra dentro do textarea? Só que não pode inserir as tags e sim exibir a cor.
Por exemplo, eu tenho um textarea onde colocarei comandos SQL:
Select * from tabela where idt = 1
As palavras reservadas “select” “from” “where” ficariam em azul, para destaque.Eu consigo coloca-las em letras maiúsculas através do toUpperCase() mas a cor da fonte não, é possível??
Obrigada
Eu pensei se simular mas o campo seria de entrada e saida de dados, dai eu ia ter que ficar transformando em textarea toda vez q o usuario clicasse dentro da div.... ia ficar mta coisinha. E pra usar editor pronto, tb daria uma mao de obra sendo que a formatação deve ser aplicada mas nao inserida ao submit na pagina.. era apenas pra visualizar.
mas obrigada
Hum... agora que reli o primeiro post, entendi melhor.. você quer fazer um highlight da sintaxe.
sem 'transformar' input em div/div em input, não vejo como fazer.
A menos que ao digitar, você fosse reescrevendo logo abaixo, já com o hightlight aplicado. Ficaria bacana a visualização, e 'em tempo real', se você disparar no onkeyup.. sei lá.
ps: [off] Você era moderadora daqui ne?! ficou sem tempo ?
Como eu posso simular um INPUT com DIV? E depois, para recuperar os dados, ou envia-los?
Se puderem ajudar...
nossa rapaz, desenterrou o topico!
William querido desculpe acabei deixando voce sem resposta hein! Acabei fazendo da forma que você sugeriu, usando uma div por cima. Nao foi uma solução bonita mas foi a melhor.
respondendo o off, sim eu era moderadora da sala JS e tive de sair por falta de tempo =/
Jefrey, o que de diferente de um input você quer que o input nao te resolva?
Oi andrea, eu acho que isso não é possível não.
Oque você poderia fazer, seria simular o textarea com uma DIV, e nela então aplicar o HTML/CSS necessário para mudar de cor a palavra que você quiser.
Oque você tá tentando fazer, é um efeito igual os editores WYSIWYG ?
http://tinymce.moxiecode.com/