Avatar billede bimco.dk Nybegynder
17. oktober 2001 - 13:01 Der er 28 kommentarer og
1 løsning

Online HTML editor

Jeg er igang med at lave en online html editor med MSHTML, den virker faktisk nu men mangler en ting.

Jeg har brug for at vide hvordan jeg kan bruge CSS class i min editor, hvis der er nogen der kan svaret så er der 150 point hjemme !
Avatar billede olebole Juniormester
17. oktober 2001 - 13:08 #1
<ole>
Fortæl, hvad du vil bruge det til og hvornår...så er det muligt at svare på  ;o)
/mvh
</bole>
Avatar billede bimco.dk Nybegynder
17. oktober 2001 - 13:12 #2
Det skal være muligt at påfører en css class på noget tekst som er valgt i editoren...

Avatar billede olebole Juniormester
17. oktober 2001 - 13:15 #3
Ja, det synes at være tydeligt - men hvorfor skal du gøre det? Hvad skal det bruges til? Prøv at forklare med mere end én sætning, please  :)
/mvh
Avatar billede bimco.dk Nybegynder
17. oktober 2001 - 13:16 #4
Avatar billede bimco.dk Nybegynder
17. oktober 2001 - 13:17 #5
Skal bruges til et content management system, så det er muligt at editere sider \"live\" i browseren
Avatar billede bimco.dk Nybegynder
17. oktober 2001 - 13:17 #6
Avatar billede olebole Juniormester
17. oktober 2001 - 13:18 #7
Okay....hvis ikke du gider forklare dig ordentligt, så må jeg give op!
/mvh
Avatar billede bimco.dk Nybegynder
17. oktober 2001 - 13:19 #8
Hvad vil du specifikt vide ??
Avatar billede olebole Juniormester
17. oktober 2001 - 13:20 #9
Blot det, jeg har spurgt om!
Avatar billede bimco.dk Nybegynder
17. oktober 2001 - 13:25 #10
Okay... jeg er igang med at lave en editor i DHTML  der skal have den samme funktionalitet som

Adminimizer Pro (link) : http://www.aspmodules.com/examples/adminimizerpro/adminpro_example.asp?productID=1&

Jeg har løst alle problemer, bortset fra at kunne påfører CSS Styles, systemet som editoren er en del af skal bruges til at kunne administrere hjemmesider via...

Håber du har fået svar på alle dine spørgsmål, da jeg virkelig sidder fast.... :-)
Avatar billede olebole Juniormester
17. oktober 2001 - 13:31 #11
Hvis ikke du ved, hvorfor du ønsker at sætte en style på teksten i din editor, kan jeg godt forstå, du sidder fast  :)

Adminimizer Pro består af et ActiveX-component, jeg ikke har lyst til at hente ned på min maskine, så prøv med en forklaring.
/mvh
Avatar billede bimco.dk Nybegynder
17. oktober 2001 - 13:37 #12
Her er en lille beskrivelse af Adminimizer

A WYSIWYG Web Site Editor
inside your browser window!
Familiar Word-like interface

Copy & Paste from MS Office while maintaining formatting

Additional cool features: spellchecker, HTML-table insertion, custom CSS style sheets

Avatar billede olebole Juniormester
17. oktober 2001 - 13:40 #13
Glem det.......jeg opgiver at få en brugbar problembeskrivelse. En anden må svare.
Avatar billede bimco.dk Nybegynder
17. oktober 2001 - 13:42 #14
Hvad er det helt nøjagtigt der ikke er klart ??
Avatar billede olebole Juniormester
17. oktober 2001 - 13:45 #15
Om du kan læse dansk!
Avatar billede krogstrup Nybegynder
17. oktober 2001 - 13:50 #16
Du ønsker at brugeren kan markere en tekst

og herefter vælge en \"typografi\" fra en dropdown liste

hvis brugeren vælger \"brødtekst\" skal teksten påføres en class - f.eks. <span class=\"brodtekst\">markeret tekst</span>

Korrekt ?
Avatar billede bimco.dk Nybegynder
17. oktober 2001 - 13:56 #17
Jep helt korrekt !
Avatar billede krogstrup Nybegynder
17. oktober 2001 - 15:10 #18
Meget enkelt - brug de indbyggede element-formateringer i HTML i stedet for classes:

Sagt med andre ord:

lav f.eks. dit stylesheet således:

H1 {bla bla bla}
H2 {bla bla bla}
H3 {bla bla bla}
H4 {bla bla bla}

Brug derefter formatBlock til at formatere en markeret område med f.eks. H1

Info:
http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/reference/constants/FormatBlock.asp
Avatar billede olebole Juniormester
17. oktober 2001 - 16:20 #19
Hvis det er formålet, mon så ikke det ville være mere elegant at oprette et stylesheet i dokumentet med:

http://msdn.microsoft.com/workshop/author/dhtml/reference/methods/createStyleSheet.asp

...og så indsætte en rule med:

http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/reference/methods/addRule.asp

Så kan man paste span\'et - med den pågældende class - ind...rundt om den udvalgte tekst  ;o)
/mvh
Avatar billede bimco.dk Nybegynder
19. oktober 2001 - 15:56 #20
Tak for de gode bud, men det har desværre ikke løst mit problem, editoren kan ses på

www.opskrifter.net/editor

Jeg skal kunne indsætte følgende tag i mit editor felt : <span class=classnavn>valg takst</span>

Hvor svært kan det være ????

Mvh

Thomas
Avatar billede krogstrup Nybegynder
19. oktober 2001 - 16:17 #21
Dette er lavet til et textarea, men burde også kunne bruges i dit eksempel:

<html>
<head>
<script>

function addText(){
  selText = document.selection.createRange();
  selText.text = \"<span class=\"minClass\">\" + selText.text + \"</span>\";
}
</script>

<textarea name=\"area\" cols=\"30\" rows=\"5\"></textarea><br>
<a href=\"java script:void(addText());\">Tilføj class \"minClass\" til markeret tekst</A>
</body>
</html>
Avatar billede olebole Juniormester
19. oktober 2001 - 16:26 #22
Vil det sige, at du allerede har et stylesheet i det dokument, der ligger i editoren?
/mvh
Avatar billede bimco.dk Nybegynder
19. oktober 2001 - 16:29 #23
Ja det er helt korrekt, jeg skal bare kunne lave WYSIWYG editering med mulighed for at indsætte span tags...
Avatar billede olebole Juniormester
19. oktober 2001 - 16:47 #24
Okay....jeg havde opfattet det, som om du ville lave en CSS class  :o)
Så skal du bare gøre, som Krogstrup skriver - med undtagelse af hans lille gåseøje-fejl:
  selText.text = \"<span class=\'minClass\'>\" + selText.text + \"</span>\";
/mvh
Avatar billede krogstrup Nybegynder
19. oktober 2001 - 17:08 #25
ups :-)
Avatar billede bimco.dk Nybegynder
20. oktober 2001 - 16:21 #26
Tak for hjælpen, det virker kanon !
Avatar billede olebole Juniormester
20. oktober 2001 - 17:21 #27
Krogen er en \'gammel\' editor-haj, er han  ;o)
Avatar billede krogstrup Nybegynder
21. oktober 2001 - 14:30 #28
Tjaaah :-)
Avatar billede ml Nybegynder
07. februar 2002 - 16:41 #29
Jeg søger et script noget lignende det du er startet på, på www.opskrifter.net/editor - er du kommet videre med projektet ?
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