TinyMCE e blocchi di codice (<pre> e <textarea>)

[Dario64]

Ciao a tutti,
sto cercando di utilizzare TinyMCE per inserire in un testo (un articolo sulla programmazione) dei blocchi di codice C di esempio. La mia idea era di evidenziarne la sintassi con lo script SyntaxHighlighter.

Per fare questo ho bisogno che il codice inserito in TinyMCE sia contenuto nei tags pre o textarea. Con qualche accortezza questi elementi sono facilmente utilizzabili con l'editor.

PROBLEMA: non riesco ad impedire che TinyMCE modifichi la formattazione all'interno dei suddetti tag (il che è fondamentele per una corretta visualizzazione del codice...). In particolare:

• <pre>: il testo perde la formattazione (tutti i ritorni a capo sono sostituiti con il tag
  ).
  ad esempio
  

    <pre>uno
    due
    tre</pre>
  
  diventa
  
    <pre>uno
  due
  tre</pre>

• <textarea>: non si riesce a modificare dall'editor (non è possibile posizionare il cursore all'interno dell'area). Modificando il contenuto dalla "source view" tutti i ritorni a capo vengono eliminati.
  ad esempio:
  

    <textarea>uno
    due
    tre</textarea>
  
  diventa
  
    <textarea>uno due tre</textarea>

Qualche consiglio per fare in modo che TinyMCE non tocchi il codice all'interno dei tag pre e textarea??

Grazie
Dario

[andr3a]

primo problema ....

testo = testo.replace(/<pre>([^\2]+)(<\/pre>)/, function(pre, contenuto){
    return "<pre>" + contenuto.replace(/<br\s*\/>/g, "\n") + "</pre>";
});

secondo problema ... più complicato.
Innanzitutto non è vero che non puoi posizionare il cursore, ma devi prevenire eventi dell'editor ed implementarne di tuoi, non così semplice a livello medio/base di JS, però va capito se gli "a capo" sono ancora nell'area oppure no (quello che vedi non è detto sia quello che c'è)

per capire questo punto ...

testo.replace(/<textarea>([^\2]+)(<\/textarea>)/, function(textarea, contenuto){
    alert(contenuto.replace(/\r\n|\n|\r/g, "\n"));
});

se contenuto mostra "a capo" nell'alert significa che sono ancora li e si può procedere come nel primo caso, altrimenti devi modificare il parser di TinyMCE


P.S. la variabile testo è il contenuto dell'area

[andr3a]

P.S. ho dimenticato le g in tutti e due gli esempi ... da mettere allla fine
...(<\/pre>)/g

...(<\/textarea>)/g

[Dario64]

Grazie!

Quindi l'unico modo per impedire che TinyMCE modifichi il contenuto dei miei tag <pre> è "correggere" le sue modifiche con un'espressione regolare?

Non vorrei farti cadere le braccia (non mi intendo molto di javascript, DOM e varie...) ma... dove devo inserirlo il codice che hai postato? In coda alla pagina, in modo che modifichi la textarea indipendentemente da TinyMCE, oppure da qualche parte all'interno degli script dell'editor?