<div id="contenu">
<div id="news"><h2>Nouvelles</h2><p>bla</p></div>
<h1>Titre</h1>
<p>Ici le texte éditable</p>
<p>Sur plusieurs paragraphes</p>
</div>

Bonjour.

Je cherche un éditeur de texte WYSIWYG en javascript.
Habituellement, j'utilise NicEdit qui a l'avantage d'être léger (puisqu'il repose sur jQuery, que j'utilise par ailleurs), mais dans le cas présent ça ne fonctionne pas comme je le voudrais.

Ma page :
[html]<div id="contenu">
<div id="news"><h2>Nouvelles</h2><p>bla</p></div>
<h1>Titre</h1>
<p>Ici le texte éditable</p>
<p>Sur plusieurs paragraphes</p>
</div>
[/html]
Le CSS est tout simple : mon DIV "news" a une taille fixe, et est en float:right, pour obtenir un encart dans le corps du contenu principal.

Le problème c'est NicEdit ne respecte pas la mise en page:
Déjà, il a fallu bidouiller pour encapsuler la partie éditable (h1 et p) dans un DIV. Et même comme ça, quand je clique sur le texte pour l'éditer, la frame créée "chevauche" le DIV de news.

Donc si vous connaissez un éditeur WYSIWYG qui soit capable de conserver au maximum la mise en page - et si possible capable de faire de l'édition "en ligne", je suis preneur...
Ou si vous avez une idée pour contourner le problème ?