[Javascript]Verkrijgen tekst opmaak binnen wysiwig editor

[Sjoerd]

Ik ben al een tijdje bezig met een wysiwig editor echter loop ik nu tegen een vervelend dingetje aan waar ik niet uitkom.

Wanneer je in word bv een tekst een andere grote, lettertype geeft en je gaat met je cursor op die tekst staan, zul je zien dat word die eigenschappen van de tekst van boven weergeeft ipv de standaard opmaak.

Nu wil ik dit ook in mijn wysiwyg realiseren zoals tinymce reeds doet.

Wat ik heb geprobeerd:
-tinymce ontleden, zonder succes helaas
-op google gezocht naar: get textformat, get css,... in die stijl
-execcommand allemaal nog is bekeken
-tweakers doorzocht.
-zelf beginnen gokken wat het zou kunnen zijn.
bv:

JavaScript:

function test(){
 var selectedText = document.getElementById('wysiwyg').contentWindow.document.getSelection(); 
 alert(selectedText.style);
}

Ook zonder resultaat natuurlijk. WIe kan me even op weg helpen?

[BtM909]

Kan je nog een keer (wellicht met screenshots) vertellen wat je precies wilt bereiken?

[Rekcor]

Hij wil bereiken dat je ziet welke opmaak een stuk tekst heeft zodra je op die tekst klikt.

Mijn stappenplan zou zijn:

• zorg dat je opmaak netjes in style-attributen staat
• ontdek waar de cursor op dit moment is in de tekst
• loop in de tekst-DOM naar boven en houdt alle style-attributen van de DOM-nodes die je tegenkomt bij in een array

Misschien dat dit helpt bij stap 2: http://parentnode.org/jav...with-the-cursor-position/

[ Voor 12% gewijzigd door Rekcor op 01-11-2007 16:53 ]

[Sjoerd]

BtM909 schreef op donderdag 01 november 2007 @ 16:46:
Kan je nog een keer (wellicht met screenshots) vertellen wat je precies wilt bereiken?

De essentie is eigenlijk dat ik kan achterhalen welke opmaak mijn stukje geselecteerde tekst heeft.

schematisch:

situatie1

code:

_______________
[arial][12px][zwart]

doorlopende tekst

situatie2:

code:

_______________
[arial][6px][zwart]

[small]doorlopende[/small] tekst

edit: ik zie dat small, doorlopende niet werkt bij code

Wanneer de cursur dus op "doorlopende" staat kan ik uitlezen welke opmaak dit stukje heeft.

[ Voor 6% gewijzigd door Sjoerd op 01-11-2007 16:54 ]

[Sjoerd]

Rekcor schreef op donderdag 01 november 2007 @ 16:53:
Hij wil bereiken dat je ziet welke opmaak een stuk tekst heeft zodra je op die tekst klikt.

Mijn stappenplan zou zijn:

• zorg dat je opmaak netjes in style-attributen staat
• ontdek waar de cursor op dit moment is in de tekst
• loop in de tekst-DOM naar boven en houdt alle style-attributen van de DOM-nodes die je tegenkomt bij in een array

Misschien dat dit helpt bij stap 2: http://parentnode.org/jav...with-the-cursor-position/

Dat is inderdaad wat ik wil
Is er geen andere oplossing?

Mijn opmaak wordt momenteel geregeld met de standaard execcommands

JavaScript:

function indent() {
  document.getElementById("wysiwyg").contentWindow.document.execCommand("indent", false, null);
}

Op die manier en
contentWindow.document.designMode = "on";

Dus normaal gezien krijg ik mooie styles terug, nu is stap 2 ook niet zo'n probleem, echter stap3 heb ik een zwaar hoofd in, is er niets eenvoudigers? Ik wacht het nog even af, anders toch maar beginnen. bedankt alvast