Avatar billede mahuni Nybegynder
16. august 2004 - 11:15 Der er 12 kommentarer og
1 løsning

fed, underlined og lignende

Jeg har en tekstboks...

Nu vil jeg så spørge hvordan jeg kan lave noget i javascript så man kan trykke på en knap også kommer der <b>omkring det markerede. Også selvfølgelig det samme med <br> og lignende...

Hvordan gør man det?
Avatar billede morteeart Nybegynder
16. august 2004 - 11:17 #1
Avatar billede ldanielsen Nybegynder
16. august 2004 - 11:19 #2
Se lige om det her er noget du kan bruge:


Dette er en lille html-editor, måske var det noget?

morteeart > Jeg får en fejl hver gang jeg klikker i feltet

<INPUT TYPE="button" VALUE="Fed" onClick="document.execCommand('Bold');">
<INPUT TYPE="button" VALUE="Kursiv" onClick="document.execCommand('Italic');">
<div style="text-align: left;
        border: 1px solid black;
        width: 200px; height: 200px;"
        contentEditable="true"></div>
Avatar billede morteeart Nybegynder
16. august 2004 - 11:21 #3
jeg får ingen fejl, og bruger det da til mit cms system

http://www.itech-studios.dk/hosted/cms/index.php?side=cms_admin.php&page=forsiden
Avatar billede mahuni Nybegynder
16. august 2004 - 11:29 #4
Men morteeart, så sætter den jo [b] ind, hvordan laver jeg så, sådan at den selv laver det om til <b> ?
Avatar billede morteeart Nybegynder
16. august 2004 - 11:30 #5
<form>
<textarea name="tekst" cols="30" rows="5" onclick="storeCaretPos(this)" onkeyup="storeCaretPos(this)">1234567890</textarea>
<input type="button" value="" onclick="insertTag(this.form.tekst,'','');" />
</form>

så ændre du bare på <input..> til
<form>
<textarea name="tekst" cols="30" rows="5" onclick="storeCaretPos(this)" onkeyup="storeCaretPos(this)">1234567890</textarea>
<input type="button" value="<b></b>" onclick="insertTag(this.form.tekst,'<b>','</b>');" />
</form>
Avatar billede mahuni Nybegynder
16. august 2004 - 11:32 #6
Okay, det ser godt ud... Tak, smider du lige et svar?
Avatar billede morteeart Nybegynder
16. august 2004 - 11:33 #7
ja :-)
hvis kan kan benytte php vil jeg forunden foreslå nl2br() som en god funktion at kigge på.
Avatar billede mahuni Nybegynder
16. august 2004 - 11:35 #8
Det er php, hvad er nl2br() ?
Avatar billede morteeart Nybegynder
16. august 2004 - 11:36 #9
en funktion som laver et linje skift om til <br> automatisk.

læs mere: http://se.php.net/nl2br
Avatar billede ldanielsen Nybegynder
16. august 2004 - 12:14 #10
Mahuni > bare for at være nysgerrig, hvorfor kunne du ikke bruge min løsning? Er det ikke en html-editor du vil lave?

Det er nemlig ikke første gang jeg prøver at "sælge" ideen, men den bliver altså ikke købt.

morteeart > Ved onclick på textarea'et kalder du en funktion der hedder storeCaretPos, den kan browseren ikke finde, derfor kommer der en fejl.

Det er muligt at du ikke lægger mærke til den, men kommer der ikke en gul trekant i statuslinien?
Avatar billede roenving Novice
16. august 2004 - 12:19 #11
>>ldanielsen

Du skal også være opmærksom på, at de funktioner, du har lagt, decideret er IE only, hvor skovenborgs funktioner netop virker i en hel stribe browsere ...
Avatar billede mahuni Nybegynder
16. august 2004 - 12:22 #12
ldanielsen> Jeg tror godt jeg kunne have brugt dit forslag, men da du skrev, var jeg allerede gået i gang med morteearts kode, så det var bare derfor...
Avatar billede ldanielsen Nybegynder
16. august 2004 - 12:50 #13
Fair nok, der er bare så mange der vil lave cms-systemer med en html-editor, og det var det her der "reddede mig".

Der mangler naturligvis lige det step der kopierer innerHTML fra div'en over i et formfelt, så det kan gemmes i databasen eller filen eller hvad man nu vil
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