gezocht : "visuele" editor

Door magicP op 21-12-2005 15:10

3.716 views

hallo,

ik heb op de site www.spartakruiseke.be een systeem waar iemand zelf nieuws ingeeft vanaf een admin pagina (zelf gemaakt)

maar dit is gewoon "platte" tekst
nu ben ik op zoek naar een "visuele editor"-script die toelaat dat de nieuws-toevoeger bepaalde woorden vet kan zetten, links kan publiceren en een aanklikbaar mailadres kan plaatsten. en ook bvb de BR kan invoegen

gezocht bij hotscripts maar niets gevonden met de termen visual editor (enkel IDE programma's)

kan er mij iemand in de goeie richting wijzen ?

thanks,

P.

Jan Koehoorn

21-12-2005 22:41

Ja, het tweede. Je moet een browser-detect doen.

R Robert Deiman

21-12-2005 22:46

ok, daar was ik al bang voor :( maarjah.. eerst de tijd en de inzet, daarna komt de rest wel :) Ik begrijp in ieder geval nog hoe het werkt :)

R Robert Deiman

22-12-2005 13:08

Ik ga eens ff kijken hoe dat zit met de code.. zit eraan te denken om het op net zo'n manier te doen als een taal systeem (voor andere taal include een andere lang file) dus dat je voor IE de IE variabelen laadt en voor FF de andere variant.
Maar dan eerst eens uitzoeken welke verschillende functies (voor beide browsers) feitelijk hetzelfde doen.

Jelmer -

22-12-2005 14:02

Ik zou gewoon wrapper functies maken, bijvoorbeeld:

function wrapper_executeCommand(command)
{
if(document.executeCommand)
{
return document.executeCommand(command)//ie-benadering
}
elseif(document.doCommand)
{
return document.doCommand(command)//FF-benadering
}
}

Dit is een voorbeeld, want doCommand bestaat helemaal niet in FF. Maar je snapt wel wat ik bedoel hoop ik.

Jan Koehoorn

22-12-2005 14:44

Ja zoiets zou kunnen. In de Midas specificatie wordt overigens ook dit gebruikt:

editableDocument.execCommand("Bold", false, null);

en dat lijkt verdomd veel op de MicroSoft manier. Dus voor een heleboel commando's zul je naar mijn oordeel geen wrapper nodig hebben.

In IE werkt die MSHTML module trouwens pas vanaf 5.5 (uit mijn hoofd) dus daar moet je ook op detecteren.

R Robert Deiman

22-12-2005 15:37

Ik zag hoe het zat, maar bijvoorbeeld:
document.getElementById("edit").contentDocument.designMode="on";

doet hetzelfde als:
edit.put_contentEditable("true")

Die codes zijn alleen wel zo verschillend dat mijn idee waarschijnlijk meer werk is dan voor beide wat apparts maken.

Jelmer -

22-12-2005 15:42

Zo doe ik het met event handling en ook XMLHTTPRequest, werkt prima. Voordelen daarbij zijn dat je geen serversided nodig hebt, niets variabel (dus onvoorspelbaar) is en het lekker logisch voor jezelf blijft.

Jan Koehoorn

22-12-2005 16:53 gewijzigd op 22-12-2005 16:55

@ Robert: je moet ook goed nadenken over de opzet, want volgens mij die Midas het alléén in een iframe met een id. MSHTML kun je op meer HTLM elementen gebruiken, zoals een DIV.

Edit: en voor wie hem liever niet zelf gaat maken: Kevin Roth heeft een aardige, gratis crossbrower editor gemaakt. Download-link

R Robert Deiman

22-12-2005 16:58

Jah, ik had het gezien.. Maar bij beiden kan het volgens mij wel met allebij de browsers bij een divje. Het voorbeeld dat ze bij midas geven is een iframe. Er staat niet dat dat de enige is waarbij het kan. Ze pakken ook de id van het element, dus ik denk dat er meerdere mogelijkheden zijn. Ik zal het wel eens gaan testen..

Jan Koehoorn

22-12-2005 17:01

@ Robert: heb ik al eens gedaan, en alleen een iframe werkte.

Reageren

Inloggen om te reageren