Avatar billede md_craig Nybegynder
26. oktober 2004 - 16:17 Der er 7 kommentarer og
1 løsning

Wysiwyg med div, span ect. funktions problemer

Jeg har en WYSIWYG editor der basere sig på iframes...
Men vil gerne have lavet en der basere sig på fx Div..

DEt kan også godt lade sig gøre, men mit problem er at få editoren til at låse sig på min div...

Når jeg fx har min Bold den version i en Iframe, river jeg fat i det Objekt Spicifikt...

MEn det gør jeg PT ikke med min Div...:

________________________________________________________________

function bold()
{
var sel = div.edit.document.selection.createRange();
sel.execCommand("bold");
sel.select();
}

VS.

function bold()
{
var tr = frames.editor.document.selection.createRange();
   
tr.execCommand("Bold");
tr.select();
frames.editor.focus();
}



Problemet er jo så nu at ved den der er baseret på min DIV, virker bold komandoen på HELE dokumentet, dvs også på ting uden for min "editor"...

DEt jeg så lige skal hører er hvordan jeg river fat i min ene DIV spicifikt, så jeg ikke kan lave om på det omkring liggende...
Avatar billede Slettet bruger
26. oktober 2004 - 16:26 #1
document.getElementById('dindiv')....

hvad er div.edit for en størrelse?
Avatar billede roenving Novice
26. oktober 2004 - 16:35 #2
Som du kan se på specifikationen på msdn, virker execCommand på et document en selection eller en text-range: http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/reference/methods/execcommand.asp

-- så det ser ikke ud til at du kan få den til at virke på div'en, men jeg forstår det da, som om det ville virke på en TextRange ...
Avatar billede md_craig Nybegynder
26. oktober 2004 - 19:15 #3
roenving >> Ja.... men så misforstår du hvad det er jeg vil...
Det virker fint nok med en Div istedet for en Iframe... DU skal se Div'en som Cointaineren af det dokument du redigere, og den erstatter derfor en Iframe...

Men problemet er at jeg kun kan få det til at virke med: (El_barto det var en fejl):

function bold()
{
var sel = document.selection.createRange();
sel.execCommand("bold");
sel.select();
}

VS.

function bold()
{
var tr = frames.editor.document.selection.createRange();
   
tr.execCommand("Bold");
tr.select();
frames.editor.focus();
}

....
Hvor det øverste virker fint med en Div...
Problemet er jo så bare at det ikke kun virker inden for min Div...
Men også uden for...

Dvs. at man pluselig vil når editoren er fremme, kunne Manipulere med ALT på HELE siden... og altså ikke kun det inden for sin Editor...

el_barto >>> Kunne du lige skrive det helt ud... har prøvet med documet.all og getElementById... uden held... man kan være jeg glemmer noget....
Avatar billede md_craig Nybegynder
26. oktober 2004 - 19:15 #4
roenving >> min DIV:

<div id="edit" contentEditable="true" style="{width:90%px; height:400px; border:black 1px dotted; overflow-x: auto; overflow-y: auto;}"></div>

Hvis det skulle gøre det mere forståeligt....
Avatar billede roenving Novice
26. oktober 2004 - 19:30 #5
Hvad er det for noget, du skriver i style-attributten ?-)

Der er i hvert fald noget vrøvl, men jeg har aldrig prøvet at blande ekstern css-syntaks med inline, så jeg aner ikke om {} vil give fejl, men i hvert fald:

style="width:90%; height:400px; border:black 1px dotted; overflow: auto;"

-- jeg går ud fra at det er %-satsen, du vil bruge ...
Avatar billede Slettet bruger
26. oktober 2004 - 19:31 #6
Jeg ville mene at du skulle kunne med

document.getElementById('edit').selection.createRange();
Avatar billede md_craig Nybegynder
26. oktober 2004 - 19:36 #7
roenving >> :oP Hov... Tja... det gik lidt stærkt med Stylen på den... den var nu heller ikke vigtig... hehe...

Men det er stadig væk det andet det drejer sig om...

el Barto >>>
Ja det ville jeg også... det vil den dog bare ikke...
Avatar billede md_craig Nybegynder
28. oktober 2004 - 21:27 #8
Hmmm... Der sker vist ikke rigtig mere her...
Så tror jeg lukker... det var ellers en skam... kunne da være rart at finde ud af hvad man kunne gøre...

Men så vigtigt er det sQ heller ikke...
Men tak for deltagelse...
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester