Se stai cercando di implementare un editor di codice nel browser, vale la pena guardare il CodeMirror e il Ajax ACE progetti. ACE è più completo, CodeMirror è più leggero.
Se non altro, dovrebbero dimostrare che fare questo bene è tutt'altro che un lavoro banale!
Risposta breve: ci sono un numero di editor di testo open-source sul mercato. Ne prenderei uno e guarderei la loro base di codice. Miglioralo se puoi e condividilo con la community.
Ad esempio, se si utilizza un sistema di framework basato su CMS come Joomla, si può guardare alla varietà di strumenti dell'editor qui .
Potresti anche cercare e selezionare dalla varietà di editor di testo basati su jQuery da - 10 jQuery e non jQuery editor di testo RTF
Scrivere un editor da eseguire all'interno di un browser non è poi così diverso.
Usa Javascript. Usa un <div> per rendere il tuo buffer; quando si aggiorna il suo contenuto o si modificano gli stili degli elementi al suo interno, il browser lo ridisegna per te. Molto probabilmente, in un editor vi-like orientato alla linea è comodo avere anche ogni riga in un% co_de nidificato separato.
Utilizza div , onkeydown e altri gestori di eventi di questo tipo per reagire alle azioni degli utenti.
Il resto dipende da te.
Leggi altre domande sui tag text-editor web-browser