Avatar billede Slettet bruger
19. april 2006 - 15:11 Der er 11 kommentarer og
2 løsninger

DHTML - tekst editor

Hejsa,

Jeg har lavet et site der kan administreres via en web-browser.
Der er kun tale om selve teksten, der ligger i en database.

På nuværende tidspunkt er det kun muligt at rette i den rå tekst, \n erstattes af <br> i selve databasen, men jeg kunne godt tænke mig at udvidde det lidt sådan at man kunne lave fek,s.:

- Links
- Lister
- fed/kursiv tekst.

Jeg tænker på at man markerer noget tekst i en tekstboks og derefter trykker på en knap/ikon, hvorefter den markerede tekst bliver formateret.

Er der nogle eksempler på nettet, eller endnu bedre noget kode man kan tage og benytte direkte sammen med sin egen kode?
Avatar billede keysersoze Ekspert
19. april 2006 - 15:14 #1
Avatar billede michael_stim Ekspert
19. april 2006 - 15:18 #2
function insertTag(frmElm,startTag,endTag) {
    if (typeof frmElm.selectionStart == "number") {
          selectedtext = startTag+frmElm.value.substring(frmElm.selectionStart,frmElm.selectionEnd)+endTag;
          frmElm.value = frmElm.value.substring(0,frmElm.selectionStart)+selectedtext+frmElm.value.substr(frmElm.selectionEnd);
    }
    else if (document.selection) {
            frmElm.focus();
            r = document.selection.createRange();
            r.text = startTag+r.text+endTag;}
    else frmElm.value += startTag+endTag;
}

Og dine links.

<a href="#" class="left" onclick="insertTag(document.form1.tekst,'','');">Bold (Fed tekst)</a>

En lidt enklere variant.
Avatar billede michael_stim Ekspert
19. april 2006 - 15:19 #3
Her hedder din form 'form1' og din textarea 'tekst'
Avatar billede horsmark Nybegynder
19. april 2006 - 16:11 #4
check denne - den er modsat fckeditor free 2 use:
http://tinymce.moxiecode.com/example_full.php?example=true
Avatar billede keysersoze Ekspert
19. april 2006 - 16:20 #5
modsat fckeditor? mig bekendt er fckeditor ikke nødvendigvis en betalings-editor?
Avatar billede Slettet bruger
19. april 2006 - 16:27 #6
Hejsa.

Tak for svarene. Jeg kigger lige på dem lidt senere.

:-)
Avatar billede horsmark Nybegynder
19. april 2006 - 16:28 #7
keysersoze >> Hmm har ikke nærlæst rettighederne omkring hverken fckeditor eller tinymce men snublede blot over dette:
http://www.fckeditor.net/license/commercial/default.html
Avatar billede Slettet bruger
19. april 2006 - 16:30 #8
Kan i andre ikke lige smide svar også?

BTW. Skulle de der editors være lige til at implementere i ens eget administrations-system?
Avatar billede horsmark Nybegynder
19. april 2006 - 16:32 #9
yes topsupernemt :-)
Avatar billede horsmark Nybegynder
19. april 2006 - 16:33 #10
OG uanset hvilken en du vælger vil jeg mene de er de _bedste_ på markedet :-)
Avatar billede keysersoze Ekspert
19. april 2006 - 16:34 #11
korrekt - men det er så en commercial license. De har andre typer alt efter behov.
Avatar billede Slettet bruger
20. april 2006 - 10:17 #12
Tak for svarene drenge :-)
Avatar billede horsmark Nybegynder
20. april 2006 - 10:20 #13
np :-)
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