Avatar billede mads1987 Nybegynder
27. juli 2004 - 12:58 Der er 10 kommentarer og
2 løsninger

wysiwyg editor og <LI>

Hej,

Jeg har i lang tid døjet med et problem, som for alvor har givet mig grå hår i hovedet.
Det drejer sig om denne wysiwyg editor som jeg bruger til at rette tekst på min hjemmeside.
Editor: http://eksperten.1go.dk/001/tekst_rediger.php
Tekst: http://eksperten.1go.dk/001/tekst.php

Problemet er punkttegn funktionen.

Den laver nemlig alt for stor afstand til det der står oven over, se her:
http://eksperten.1go.dk/001/pic1.gif

De to JavaScript filer ligger her:
http://eksperten.1go.dk/001/editor.js
http://eksperten.1go.dk/001/editor2.php

Det jeg gerne vil frem til, er altså en mindre afstand mellem overskriften og punkterne.
Som her: http://eksperten.1go.dk/001/pic2.gif

En anden editor hvor det virker fint er larsolesens (http://www.larsolesen.dk/htmleditor/editor.php)
, men da jeg ikke er så stærk i javascript, har jeg ikke kunne lure tricket af.

Mvh.
Mads
Avatar billede terrak Nybegynder
27. juli 2004 - 13:11 #1
Husk at fortælle at man skal kopiere stien til billederne, og sætte det ind i et nyt browser vindue, for at få dem vist, da det er på 1go's servere ;)
Avatar billede yellow Nybegynder
27. juli 2004 - 13:20 #2
Fjern udkommenteringen fra ln. 431 til 435 i din editor.js fil.


      // cancel ENTER key and insert <BR> instead
//      if (ord == 13 && editEvent.type == 'keypress') {
//        editEvent.returnValue = false;
//        editor_insertHTML(objname, "<br>");
//        return;
//      }

bliver til:

      // cancel ENTER key and insert <BR> instead
      if (ord == 13 && editEvent.type == 'keypress') {
        editEvent.returnValue = false;
        editor_insertHTML(objname, "<br>");
        return;
      }
Avatar billede roenving Novice
27. juli 2004 - 13:22 #3
-- og så havde du nogle sjove blandinger af xhtml og html 3 ...

-- her kan du også se et eksempel på en måde at styre afstanden (bemærk, at p-tagget også er fjernet, jvf. det også yellow skriver !-)

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
ul{margin-top:0px;}
</style>
</head>

<body>
<a href="tekst_rediger.php">tekst rediger</a><br />
<br /><br /><br />
<font size=6>Overskrift</font><br />
<ul>
<li>Punkt1 </li><br />
<li>Punkt2 </li><br />
<li>Punkt3</li>
</ul>
</body>
</html>
Avatar billede mads1987 Nybegynder
27. juli 2004 - 14:16 #4
Så har jeg fjernet udkommenteringen, og nu undgår jeg den irriterende dobbelte linie afstand. Men nu kan jeg jo kun sætte et enkelt punkt tegn ind, da den tror at det er hele teksten som skal være med i punktegnet.
Avatar billede yellow Nybegynder
27. juli 2004 - 15:01 #5
Ahh ja, der var nok en grund til at den kodestump var udkommenteret ;-)

Tilføj kommentering igen og lav en style på UL, som roenving skriver...
Avatar billede mads1987 Nybegynder
27. juli 2004 - 17:40 #6
Jah, det ender så med at blive lidt en hovsa løsning. Jeg må jo fjerne alle mine <P> og </P> med en str_replace.
Avatar billede mads1987 Nybegynder
27. juli 2004 - 21:29 #7
Nå ja, i må gerne svare.
Avatar billede roenving Novice
28. juli 2004 - 01:43 #8
Hvis din editor bruger p-tags er den pr. definition noget l***

For den slags skal kun bruges, hvis man for alvor vil adskille 'paragrahps' ...

Hvilket ganske ofte er hensigtsmæssigt, men kun hvis man vælger det aktivt !-)

-- velbekomme '-)
Avatar billede mads1987 Nybegynder
02. august 2004 - 14:03 #9
yellow?
Avatar billede yellow Nybegynder
02. august 2004 - 15:08 #10
svar
Avatar billede mads1987 Nybegynder
03. august 2004 - 00:10 #11
Tak skal i have.
Avatar billede roenving Novice
03. august 2004 - 00:16 #12
-- og tak for point ;~}
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