[JS] Wysiwyg editor die met rel kan werken

[Tanuki]

Ik ben op zoek naar een wysiwyg editor (FCK Editor, TinyMCE, etc.) die kan werken met de rel-tag in een textarea.

HTML:

<textarea name="content" id="content" rel="wysiwyg">&lt;strong&gt;test&lt;/strong&gt;</textarea>

zou helemaal ideaal zijn.

Maar ik kan geen editor vinden die dit ondersteunt. TinyMCE komt nog het dichtst in de buurt, die replaced alle textarea's met een TinyMCE geval. Ik wil alleen de textarea's met rel="wysiwyg" replacen.

Is er een makkelijke manier om dit te doen? Eigenlijk zo'n beetje op dezelfde manier als Lightbox / Slimbox doet met linkjes die rel="lightbox" hebben.

[Verwijderd]

Gebruik een class, en dan kun je met TinyMCE precies doen wat je wilt. Volgens welke specification heeft een textarea een rel attribuut?

[Verwijderd]

Volgens mij doen ze dat met jquery, moet je je maar even inlezen. Ook zal het natuurlijk makkelijk om name of id te gebruiken. Dan hoef je alleen een script te laten lopen die gebruikt maakt van getobjectbyname('wysiwyg');

Nee jquery doet het met class inderdaad:
$('.class', obj); was het volgens mij

[ Voor 14% gewijzigd door Verwijderd op 24-02-2008 14:15 ]

[RobIII]

Waar hoort mijn topic?
JavaScript hoort sowieso in WEB, maar ik mis eigenlijk een beetje wat je hier zelf mee wilt doen; in de Devschuur hebben we het over zélf maken/programmeren, en is dit meer een "ik zoek een kant-en-klaar..."-topic (die eigenlijk min of meer ongewenst zijn)

PRG >> WEB
Ik laat dit topic nog even open vanwege de nuttige replies, maar laat het a.u.b. niet verzanden in een opsomtopic met WYSIWYG editors.

_{Overigens zou ik jou dat inmiddels niet meer allemaal moeten hoeven vertellen...}

[ Voor 20% gewijzigd door RobIII op 24-02-2008 14:25 ]

[Tanuki]

Sorry, maar dit is totaal niet als script request bedoeld.
Ik ging er eigenlijk vanuit dat zoiets al wel bestond.

Het rel-attribuut geeft een "relatie" aan en kan op vrijwel elke tag gebruikt worden. Lightbox gebruikt het rel-attribuut om daar dan dat effectje aan te hangen. Ik vind dat een erg nette oplossing en véél netter dan hoe je bijv. FCKEditor moet aanroepen (met een klomp JavaScript). TinyMCE is dan nog wel te doen, die vervangt alle textarea's, maar dat is dus iets wat ik niet wil. Ik wil zelf aangeven welke textarea wysiwyg moet zijn en dat is imho het netst te doen door het relation-attribuut te gebruiken, net zoals Lightbox doet.

Ik ga in ieder geval eens kijken naar TinyMCE met classes, want ik heb dit binnen nu en een paar dagen nodig. Wellicht dat als ik dan nog niets heb gevonden dat ik wel net vind, dat ik zelf iets maak om TinyMCE à la Lightbox te doen.

Bedankt voor de nuttige replies en mijn excuses voor het verkeerd plaatsen van dit topic, ik vond het over programmeren gaan... Een opsomming van WYSIWYG editors creëeren is ook niet mijn bedoeling.

[Blaise]

TinyMCE is dan nog wel te doen, die vervangt alle textarea's, maar dat is dus iets wat ik niet wil.

Echt niet. Met deze config vervangt TinyMCE alleen textarea's met de class "wysiwyg":
­

JavaScript:

...
mode : "textareas",
editor_selector : "wysiwyg",
...

Ik zie trouwens niet in waarom een rel netter is dan een class.

[ Voor 34% gewijzigd door Blaise op 24-02-2008 15:44 ]

[Verwijderd]

anders kan je wyzz gebruiken, die werkt met make_wyzz dan moet hem eerst specificeren welke vervangen moet worden, je kan hem natuurlijk ook modden dat hij automatisch alle classes met blabla neemt.

[Tanuki]

Blaise schreef op zondag 24 februari 2008 @ 15:42:
[...]

Echt niet. Met deze config vervangt TinyMCE alleen textarea's met de class "wysiwyg":
­

JavaScript:

...
mode : "textareas",
editor_selector : "wysiwyg",
...

Netjes. Bedankt.

Blaise schreef op zondag 24 februari 2008 @ 15:42:
[Ik zie trouwens niet in waarom een rel netter is dan een class.

Ik denk dat het gewoon een kwestie van voorkeur is. Zodra ik rel="lightbox" zag vond ik het gewoon een erg mooie oplossing.

Ik zal eens een feature request doen bij TinyMCE's bug tracker.

[Toolskyn]

afaik bestaat het rel attribuut alleen voor anchors, het zou ook totaal niet logisch zijn om een relatie te leggen op een textarea. Dat rel attribuut geeft bij een anchor aan wat de relatie van die andere pagina met de huidige pagina is, dat idee is toch helemaal niet toepasbaar op andere elementen...

[Verwijderd]

l0c4lh0st schreef op zondag 24 februari 2008 @ 15:16:

Het rel-attribuut geeft een "relatie" aan en kan op vrijwel elke tag gebruikt worden.

Dat vroeg ik niet, ik vroeg waar je dat vandaan haalt. Ik denk dat ik wel iets beter weet dan jij wat wel en niet beschikbaar is aan HTML elementen en attributen en waarvoor ze dienen.

Lightbox gebruikt het rel-attribuut om daar dan dat effectje aan te hangen. Ik vind dat een erg nette oplossing en véél netter dan hoe je bijv. FCKEditor moet aanroepen (met een klomp JavaScript). TinyMCE is dan nog wel te doen, die vervangt alle textarea's, maar dat is dus iets wat ik niet wil. Ik wil zelf aangeven welke textarea wysiwyg moet zijn en dat is imho het netst te doen door het relation-attribuut te gebruiken, net zoals Lightbox doet.

Het relation attribuut slaat nergens op, omdat er helemaal geen (hyper)link is. Waarmee heeft de textarea dan een relatie? Het class attribuut, dat in HTML zelf geen enkele betekenis heeft, is hiervoor juist bedoeld: onderscheid maken tussen verschillende textarea's waar verder niets specifieks aan is.

Ik ga in ieder geval eens kijken naar TinyMCE met classes, want ik heb dit binnen nu en een paar dagen nodig. Wellicht dat als ik dan nog niets heb gevonden dat ik wel net vind, dat ik zelf iets maak om TinyMCE à la Lightbox te doen.

Om lightbox fatsoenlijke HTML te laten begrijpen bedoel je?