Avatar billede mtrolle Nybegynder
22. april 2003 - 23:06 Der er 23 kommentarer og
1 løsning

Word-simulator

Hejsa!

Jeg skal have lavet en "word"-simulator!
Jeg har en nyhedsportal, hvor mine skribenter skal kunne skrive nyheder uden overhovedet at kende til HTML og CSS og derfor vil jeg gerne bare have et textarea som man jo plejer, men hvor skribenten kan bruge knapper oven over til at lave fed, kursiv, understreget og indsætte billeder!

Jeg går ud fra, at man via javascript kan lave dette, altså noget script hvor jeg indsætter en HTML kode i et textarea der hvor curseren står og blinker!
Kan nogen hjælpe med det?
Avatar billede olebole Juniormester
22. april 2003 - 23:22 #1
<ole>

Søg på Eksperten - det er meget ofte oppe. Søg f.eks. på 'DHTML Editing Component' eller 'online editor'.

Men du skal være temmelig stærk i JavaScript for at få noget ud af det  :)

/mvh
</bole>
Avatar billede mtrolle Nybegynder
22. april 2003 - 23:24 #2
Tak olebole, men jeg er ikke stærk i JavaScript, overhovedet ikke! Men jeg prøver mig frem og lader spørgsmålet stå, i tilfælde af at jeg ikke finder noget :)
Avatar billede olebole Juniormester
22. april 2003 - 23:37 #3
Så bør du nok overveje at betale dig fra det - du løber meget let panden ind i mange mure på vejen  ;o)
/mvh
Avatar billede mtrolle Nybegynder
22. april 2003 - 23:39 #4
hmm!
Jamen det er jo meget simpelt! Alt jeg ønsker er noget javascript kode, der kan indsætte noget tekst i et i textarea???

Er det ikke lige til at lave med javascript?
Avatar billede olebole Juniormester
22. april 2003 - 23:48 #5
Hvorfor spørge, hvis det er så simpelt?  :)
Nej, det er ikke 'lige til at lave med JavaScript'.
/mvh
Avatar billede mtrolle Nybegynder
22. april 2003 - 23:51 #6
Hmm! Der må være en løsning og jeg skal nok finde den :)
Avatar billede olebole Juniormester
22. april 2003 - 23:51 #7
En laptop er jo blot lidt elektronik-komponenter og nogle klatter loddetin ... det stykke arbejde, det er at fremstille en laptop, har du formodentlig (og forhåbentlig) lidt mere respekt for  :)
/mvh
Avatar billede mtrolle Nybegynder
22. april 2003 - 23:54 #8
Jamen hvis jeg med javascript kan bestemme hvad der skal stå hvor og jeg kan ændre indholdet i et inputfelt, så må jeg jo også kunne tilføje til indholdet i et textarea?
Avatar billede caroc Praktikant
22. april 2003 - 23:56 #9
det kan også laves i ASP.. bare en smule mere simpelt og sådan..
Avatar billede schaefner Juniormester
22. april 2003 - 23:57 #10
Avatar billede olebole Juniormester
22. april 2003 - 23:58 #11
caroc >> Du kan ikke lave en WYSIWYG-editor i ASP. ASP er et serverside-script framework. Editoren skal køre på klienten  :)
Avatar billede caroc Praktikant
22. april 2003 - 23:59 #12
det er også derfor jeg skirver mere simpelt :) jeg mente med at skrive til databaser og linke til billeder via den osv..
Avatar billede olebole Juniormester
23. april 2003 - 00:00 #13
caroc >> Det er ikke det, der er tale om ... læs spørgsmålet  :)

schaefner >> Den er ikke til komercielt brug. Det er et firma, der efterspørger en løsning til brug på en portal, så det er ikke lovligt at bruge phoenixv's  ;o)
/mvh
Avatar billede caroc Praktikant
23. april 2003 - 00:04 #14
hmmm - mener nu det er ganske relavant det jeg siger.. giver ham da bare en andet alternativ - som i mine øjne sagtens kan bruges på (næsten) lige fod med WYSIWYG.
Så mtrolle sig til hvis du vil prøve det i ASP..
Avatar billede mtrolle Nybegynder
23. april 2003 - 00:36 #15
UPS UPS UPS!!!

Jeg ved ikke helt hvad I tænker på her! Jeg er ikke interesseret i at lave en WYSIWYG-editor.
Alt jeg ønsker er, at kunne indsætte en tekst ved at trykke på en knap!

Fx hvis jeg klikker på et link <a onclick="type(fed);">Fed</a> indsætter den teksten <b></b> der hvor cursoren er i mit textarea!
Avatar billede mtrolle Nybegynder
23. april 2003 - 00:37 #16
og caroc og andre:
Jeg prøver KUN PHP, MySQL, HTML og CSS og i dette tilfælde JavaScript...
Avatar billede Slettet bruger
23. april 2003 - 15:19 #17
Min editor er gratis til ikkekommercielt brug. Til kommercielt brug skal vi lige lave en aftale.
Men mht. dit problem:

<script>
harFokus = false;

function indsaet(foer, efter) {
  if (harFokus) {
    rnge = document.selection.createRange();
    rnge.text = foer + rnge.text + efter;
  }
}
</script>

I dit textarea:

<textarea cols="50" rows="10" onFocus="harFokus = true;" onBlur="harFokus = false;"></textarea>

... og dine knapper:

<a href="#" onClick="indsaet('<b>', '</b>'); return false;">Fed</a> <a href="#" onClick="indsaet('<i>', '</i>'); return false;">Kursiv</a>

osv.
Avatar billede mtrolle Nybegynder
23. april 2003 - 17:02 #18
Hey phoenixv!
totalt sejt, ligesom ønsket :)

Men en ting, jeg var nødt til at fjerne onBlur="harFokus = false;"
Hvad effekt har dette?

Læg et svar og du er pointmodtageren!
Avatar billede Slettet bruger
24. april 2003 - 17:00 #19
Det forstår jeg ikke, at du blev nødt til. Prøv at smide et link.
Den kode sørger nemlig for, at du ikke ved at markere noget andet tekst på siden, kan gøre dette bold.
Avatar billede mtrolle Nybegynder
24. april 2003 - 23:36 #20
>phoenixv
1. Kan man evt. lave scriptet så det virker i andet end Internet Explorer på Windows platform?

2. Når jeg bruger onBlur="harFokus = false;" sker der intet når man trykker på Fed-knappen! Når jeg fjerne onBlur="harFokus = false;" virker det ganske fint!
Avatar billede Slettet bruger
25. april 2003 - 15:02 #21
Så smid et link.
Og nej, det virker kun i IE.
Avatar billede Slettet bruger
25. april 2003 - 15:02 #22
Ellers må du have fat i fx en Java-applet eller noget Flash, der kan det samme.
Avatar billede hobz Nybegynder
30. april 2003 - 12:58 #23
Typetool-Quickbuild-Script:
Det er 100% javascript og ligner meget word.
http://vietdev.sourceforge.net/
Avatar billede olebole Juniormester
30. april 2003 - 14:46 #24
Nej, ikke JavaScript - men JScript  ;o)
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