Avatar billede Slettet bruger
03. august 2003 - 09:46 Der er 21 kommentarer og
1 løsning

HTML Editor i Javascript!

Er der nogle som kender en Editor i javascript, hvor man kan lave teksten fed, kusiv, og men underline.
Når man trykker linie skift, skal der komme <br>, også skal der være punkt (<li>tekst</li>

Hilsen Kaspar
Avatar billede roenving Novice
03. august 2003 - 12:33 #1
Har ikke lige overblik over funktionerne, men du kan jo prøve phoenixv's:
http://www.phoenixv.dk/wysiwyg/
Avatar billede Slettet bruger
03. august 2003 - 13:12 #2
NEJ!
Avatar billede roenving Novice
03. august 2003 - 13:23 #3
Nå, ja undskyld, men der er vel ingen grund til at råbe -- jeg kunne jo ikke vide om du kunne bruge den !-)
Avatar billede bufferzone Praktikant
03. august 2003 - 15:14 #4
http://www.bufferzone.dk/pplads/ny.zip er et nyhedsscript/site med en sådan editor, BR fås ved at trykke shift + enter. den rene enter giver en P.

Ellers er der ale muligheder, billeder, links, editerigng i html koder, fed, kursiv, skriftstørrelse osv osv
Avatar billede Slettet bruger
03. august 2003 - 16:17 #5
Hmm, jeg leder efter en med det rene enter giver <br> det har jeg også før fundet? Men nu kan jeg ikke huske adressen :(
Avatar billede schaefner Juniormester
03. august 2003 - 16:19 #6
Avatar billede roenving Novice
03. august 2003 - 16:21 #7
>>schaefner

Pas på, han råber efter dig, hvis du prøver med det link !-)
Avatar billede schaefner Juniormester
03. august 2003 - 16:21 #8
roenving >> Jeg kigger åbenbart ikke spørgsmålet igennem ;o)
Avatar billede Slettet bruger
03. august 2003 - 16:23 #9
lol taber, du ved jo ingen gang hvad du sendte et link til, jeg skrevet også "nej!" men der var jo Caps Lock på ? SPADE!
Avatar billede schaefner Juniormester
03. august 2003 - 16:28 #10
Prøv at slappe lidt af.
Avatar billede Slettet bruger
03. august 2003 - 16:29 #11
Problemet med P kan løses i stylesheetet ved at sætte
p
{
    margin:0px;
}
Så opfører <p> sig som <br>
Avatar billede Slettet bruger
03. august 2003 - 16:34 #12
Hør nu jeg leder bare efter en som laver <br>
Avatar billede schaefner Juniormester
03. august 2003 - 16:55 #13
Kan du så ikke fortælle hvad der er galt med: http://phoenixv.dk/wysiwyg/ ?
Avatar billede Slettet bruger
03. august 2003 - 16:58 #14
<p>
Avatar billede schaefner Juniormester
03. august 2003 - 17:12 #15
gerne lidt mere uddybet
Avatar billede Slettet bruger
03. august 2003 - 17:16 #16
At <p> kommer helt væk og der kommer <br> når man trykekr enter!
Avatar billede snowball Novice
03. august 2003 - 17:20 #17
papir: Da du oprettede dig her på Eksperten, accepterede du at indlæg skal holdes i en sober tone og ikke være nedsættende. At kalde folk en taber og spade er ikke ligefrem god tone, så snak venligst pænt fremover.

Snowball / CoAdmin
Avatar billede schaefner Juniormester
03. august 2003 - 17:21 #18
det gør der da også i den fra phoenixv
Avatar billede Slettet bruger
03. august 2003 - 17:24 #19
Sorry jeg snakkede grimt, nå kigger lige på det..!
Avatar billede Slettet bruger
03. august 2003 - 20:43 #20
Det er fordi at jeg ikke kan fjerne nogle af tingende?
Avatar billede Slettet bruger
03. august 2003 - 23:09 #21
Nu virker det næsten, den vil bare ikke markede med musen, her er min kode:

<title>Skriv Artikel</title>
<link rel="stylesheet" type="text/css" href="style.css">
<script type="text/javascript" src="script.js"></script>

<table width="600" height="350" cellpadding="5" cellspacing="0">
<tr>
<td class="knapper" cellpadding="0" align="center">
<img src="pic/bold.gif" alt="Fed" onClick="ex('Bold');"><img src="ikoner/spacer.gif" width="2" height="18">
<img src="pic/kursiv.gif" alt="Kursiv" onClick="ex('Italic');"><img src="ikoner/spacer.gif" width="2" height="18">
<img src="pic/underline.gif" alt="Understreget" onClick="ex('Underline');"><img src="ikoner/spacer.gif" width="6" height="18">
<img src="pic/punkt.gif" alt="Venstrejustér" onClick="juster('left');"><img src="ikoner/spacer.gif" width="2" height="18">

<img src="ikoner/centrer.gif" class="knap" alt="Centrér" onClick="juster('center');"><img src="ikoner/spacer.gif" width="2" height="18">
<img src="ikoner/hojre.gif" class="knap" alt="H&oslash;jrejustér" onClick="juster('right');"><img src="ikoner/spacer.gif" width="2" height="18">
<img src="ikoner/lige.gif" class="knap" alt="Lige marginer" onClick="juster('justify');"><img src="ikoner/spacer.gif" width="6" height="18">

<img src="ikoner/billede.gif" class="knap" alt="Inds&aelig;t billede" onClick="indsaetBill();"> <img src="ikoner/spacer.gif" width="2" height="18">
<img src="pic/punkt.gif" alt="Inds&aelig;t punktopstilling" onClick="ex('InsertUnorderedList');">
<img src="ikoner/ny.gif" class="knap" alt="Nyt dokument" onClick="ny();"><img src="ikoner/spacer.gif" width="2" height="18">

<img src="ikoner/visside.gif" class="knap" alt="Vis side" onClick="visSide();"><img src="ikoner/spacer.gif" width="2" height="18">

</td>
</tr>
<tr>

<td id="editor_bg" style="border: 1px solid black;">
<div id="editor" contenteditable onMouseDown="egensk();"></div>
<div id="htmlMode" style="width: 100%; height: 100%; display: none;">
<form name="visHTML" style="width: 100%; height: 100%;">
<textarea name="eHTML" style="width: 100%; height: 95%;"></textarea>
</form>
</div>
</td>


<iframe name="buffer" style="display: none;" onLoad="buffer_aabn();"></iframe>
<form action="modtager.php" method="post" name="frm_html" style="display: none;">
<input type="hidden" name="style">
<input type="hidden" name="html">
</form>
</body>
</html>
Avatar billede Slettet bruger
04. august 2003 - 09:28 #22
Lukker..
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