editable div probleem

[JSchut]

Ik ben bezik met een cms tooltje

nu is het de bedoeling om tekst bold te maken.

het probleem als ik iets selecteer wat al bold is dan moet het bold daar verdwijnen

ik wil geen gebruik maken van execCommand

dus hoe kan ik kijken of er een bold tag voor me selectie staat?

[Clay]

Van de selection.createRange kan je de parentElement tagName opvragen.

code:

document.selection.createRange().parentElement().tagName

Als dat een B is is je selectie bold. Het kijkt zo alleen niet verder dan 1 element diep. dus als je een italic stuk binnen die bold selecteert krijg je de I terug, niet de B.

[JSchut]

ja klopt dat is dus het probleem want je kan weer niet degene daavoor opvragen

[JSchut]

ik ben er achter dat het toch wel kan iig bedankt voor de tip die me erg veel geholpen heeft

[Grom]

Hoe heb je dat dan opgelost?
Ben gewoon nieuwsgierig.

[JSchut]

code:

    var selection = document.selection.createRange().htmlText;
    var elemTmp = document.selection.createRange().parentElement();

    while (!(elemTmp.tagName).match(/TD/i)) {
        alert("Element is " + elemTmp.tagName);
        elemTmp = elemTmp.parentElement;
    }

[maartenvdv737]

Ik heb laatst een een editor geschreven, maar dan met execCommands.

Ik vroeg me af waarom je geen execCommands wil gebruiken? Je kan wel proberen de editor geschikt te maken voor Netscape IE en Mozilla, maar je zit toch vast aan de contenteditable optie van IE 5.5+.

[JSchut]

ja ok maar als ik me eigen editor functies schrijf dan kan ik zelf uitmaken wat voor tags ik wil gebruiken

bijvoorbeeld zoals STRONG en BOLD
ook wil ik geen font tags gebruiken

en die functies maken er een bende van

vandaar dat ik die execCommand niet wil gebruiken

[Bluestorm]

Ik ben ook een dagje bezig geweest om zoiets te maken... maar dan met DIV'jes die een class hebben. Uiteindelijk ben ik er mee opgehouden... je moet met te veel dingen rekening houden om zoiets goed te laten werken. want stel je voor een selectie waarvan de helft wel bold is en de andere helft niet... dat gaat nog wel, maar als je 5 verschillende styles hebt dan kan een selectie meerdere styles bevatten, styles maar gedeeltelijk binnen een selectie vallen, etc, etc.

[Verwijderd]

maartenvdv schreef op 14 augustus 2002 @ 16:34:
maar je zit toch vast aan de contenteditable optie van IE 5.5+.

Wrong je kan het ook in Mozilla voor elkaar krijgen, is mij ook gelukt, het werkt iets anders, maar is onderdeel van een klein X-browser CMS experimentje, zodat ook Linux en Mac users er gebruik van kunnen maken. De vranderingen worden uiteindelijk via een POST gestuurd naar een php bestand die het te wijzigen HTML bestand update, was zeer leuk en leerzaam.

Ondermeer wat Clay hierboven poste. Mijn inspiratie voor dit projectje kwam hiervandaan

[Grom]

JSchut schreef op 14 augustus 2002 @ 16:25:

code:

    var selection = document.selection.createRange().htmlText;
    var elemTmp = document.selection.createRange().parentElement();

    while (!(elemTmp.tagName).match(/TD/i)) {
        alert("Element is " + elemTmp.tagName);
        elemTmp = elemTmp.parentElement;
    }

Ok tnx.