[JS] TinyMCE met een textarea binnen een textarea

[DeepFreeze.NL]

Ik ben momenteel bezig met het ontwikkelen van een eigen content management system. Nu gebruik ik voor het aanmaken en wijzigen van de webpagina's gebruik van TinyMCE (JavaScript) als wysiwyg editor. Dit ziet er verder allemaal keurig uit en werkt ook naar behoren. Maar nu het volgende:

De content van de webpagina's staan in een MySQL database. De pagina die bewerkt moet worden wordt ingeladen in de TinyMCE textarea. Nu heb ik bij meerdere pagina's in de database ook een webformulier staan met daarin een textarea.

Het probleem is dat wanneer er een pagina met een textarea wordt geladen in TinyMCE de tag "</textarea>" van het formulier wordt gezien als afsluitende tag van de TinyMCE textarea.

Je krijgt dus het volgende:


Doordat de afsluitende tag van de textarea voor de opmerkingen wordt gezien als afsluitende tag van TinyMCE wordt de resterende html van de pagina buiten TinyMCE gezet. Onderaan kun je op de screenshot zien dat "Velden met een * zijn verplicht" en de button "Verstuur formulier" buiten het TinyMCE vak wordt gezet.

Hoe krijg ik voor elkaar dat forms inclusief textarea gewoon normaal in TinyMCE wordt gezet?

Ik heb al het een en ander geprobeerd met de editor_selector : "mceEditor" optie van TinyMCE, maar hiermee geef je alleen aan welke textareas voorzien moeten worden van de TinyMCE wysiwyg editor. Met de afsluitende tag (waar het dus om gaat) wordt niets gedaan.

[Bosmonster]

En als je nou eens een andere mode geburikt dan textareas?

http://wiki.moxiecode.com...inyMCE:Configuration/mode

[ Voor 36% gewijzigd door Bosmonster op 20-06-2008 16:02 ]

[_Thanatos_]

Als ik jou was, zou ik sowieso dit als bug aanmelden. Want de texareas-mode moet gewoon kunnen werken, ook al is het dan misschien niet zo netjes.

[Bosmonster]

_Thanatos_ schreef op zondag 22 juni 2008 @ 04:05:
Als ik jou was, zou ik sowieso dit als bug aanmelden. Want de texareas-mode moet gewoon kunnen werken, ook al is het dan misschien niet zo netjes.

Volgens mij is forms en elementen geen officieel ondersteunde functionaliteit van TinyMCE. Al zijn er wel wat gebruiker-tips te vinden over het onderwerp.

http://tinymce.moxiecode.com/punbb/viewtopic.php?id=1008

[DeepFreeze.NL]

Bosmonster schreef op maandag 23 juni 2008 @ 00:47:
[...]


Volgens mij is forms en elementen geen officieel ondersteunde functionaliteit van TinyMCE. Al zijn er wel wat gebruiker-tips te vinden over het onderwerp.

http://tinymce.moxiecode.com/punbb/viewtopic.php?id=1008

Ik was er niet eerder aan toegekomen om het te testen, maar het werkt!
Bedankt hiervoor!

Oplossing:

PHP:

$uitvoer = str_replace("</textarea>","&lt;/textarea>",$invoer);

[OxiMoron]

Je kunt alle uitvoer die in tinyMCe terrecht moet komen volgens mij gewoon door htmlspecialchars halen.

Het probleem is ook niet tinymce, maar het feit hoe html werkt..

<textarea ....>inhoud</textarea>dit slaat ie over</textarea>

En je komt zo niet door de html validatie heen natuurlijk..
altijd alles ten alle tijden escapen voor je het erin zet.

Ik weet zo even niet hoe tinymce het weer terug zet in de textarea voor de submit..
Dat zou ook geescaped moeten zijn, dus dan wil je het misschien 1 keer unescapen voor je het opslaat in de database.