17. februar 2003 - 08:56Der er
19 kommentarer og 1 løsning
Spg. til DHTML Editor
Hej
Jeg arbejder på at lave en editor således at jeg kan lave simpel redigering af tekster.
Det er lykkes mig at indsætte en span med en style fra mit stylesheet, men jeg kan ikke gennemskue hvorledes jeg slette denne span igen når jeg igen trykker på knappen - præcis som med Bold, Italic osv.
Min kode ser således ud:
<html> <head> <script> function SaetStyle(s) { var range = myEditor.document.selection.createRange(); range.pasteHTML("<span Class='" + s + "'>" + range.htmlText + "</span>"); }
ja, de sider har jeg brugt en hel del tid på... men jeg skal erkende at jeg har svært ved at komme igennem disse sider og få noget fornuftigt ud af dem... :(
jeps - det virker fint... Men når jeg markerer min tekst og trykker på knappen der indsætter stylen så forsvinder markeringen (jeg mener - trykker man istedet Bold så bliver markeringen på teksten) - er det muligt at få markeringen til at blive på det valgte??
pelkjaer - du skal nok få points for dit svar, men kan du (eller andre) hjælpe lidt videre... ??
findes der ikke en side derude et eller andet sted som giver en liste over hvilke parametre som execCommand() har mulighed for at tage - det har hidtil været lidt af en gætteleg... fx Bold, Fontname, InsertImage, RemoveFormat???
burde jeg oprette et nyt spørgsmål til ovenstående spørgsmål omkring det markerede tekst... eller er der en der i sit hjertes godhed har et hurtigt svar :o)
Denne her har jeg selv fået bixet sammen efter mange forskellige forsøg, og den fungerer rigtigt godt.
function applyStyle(Style) { var seltype = myeditor.document.selection.type; if (seltype == "Control") { // block element er markeret var ctrlrnge = myeditor.document.selection.createRange(); ctrlrnge(0).className = style; } if (seltype == "Text"||seltype == "None") { // vi arbejder med tekst var txtrnge = myeditor.document.selection.createRange(); var ptg = txtrnge.parentElement(); // få fat i parent tag af aktuel cursor position ptg.className = Style; document.all.cssstyle.selectedIndex = 0; } }
Så kører du fx. bare dine styles i en selects, og apply'er med
Kanon... super lille funktion du lige har "bikset" sammen der... :o) Så mangler jeg KUN at kunne oprette og redigerer tabeller - er der også noget du lige har bikset sammen på det område????
tænkte jeg nok :( - men er det noget du har erfaring med?? - jeg opretter gerne et nyt spørgsmål!! Jeg har tænkt på at benytte MS DHTML Editing Component til den del - er der en bedre løsning??
Ahh den skulle selvf. kaldes onclick="applyStyle('btekst')"
Synes godt om
Ny brugerNybegynder
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.