Javascript for å legge til HTML i user input

[harald25]

Hei.
Jeg driver for tiden og utvikler en hjemmeside der brukerne skal kunne redigere de forskjellige sidene ved å logge seg inn på siden.
Dette er brukere som ikke har noen peiling på html, så jeg må lage et brukervennlig og intuitivt grensesnitt.

Jeg trenger litt input på hvordan jeg best kan løse dette.
Jeg tenkte å enten lagre all tekst som ligger på de forskjellige sidene i enten tekstdokumenter, eller i en MySQL-database. Når man går inn på en side blir da riktig tekst hentet fram og vist på den siden.

Dette er greit nok, men redigeringen av disse tekstene trenger jeg litt hjelp til.
Jeg vil gjerne lage noe ala det man har på forum, hvor man kan klikke på en knapp så setter den inn BB kode som til slutt oversettes til html-tags når siden vises.

Mitt spørsmål er da.
Hvordan kan jeg lettest gjøre dette?
Finnes det noen ferdige scripts jeg kan implementere på siden min?
Er det javascript som brukes på f.eks. dette forumet for å sette inn kode i tekstfeltet når man trykker på en knapp?

Det trenger ikke være et avansert system.
De eneste HTML-taggene jeg trenger knapper for skal være:
<img>
<li> <ul>
<a href>
<h1>
<h2>
<h3>
<b>
<i>

 

[Bjørnar]

I innloggingsdelen viser du innholdet, enten fra database eller tekstfil i et textarea. inkluder så TinyMCE i siden, så har du en grei start

TinyMCE eller FCKEditor er vel de største og beste løsningene, personlig elsker jeg TinyMCE til slike ting.

 

[harald25]

Perfekt!
Det var akkurat noe sånt jeg lette etter.

Da begynner jeg med å prøve TinyMCE siden du anbefaler den!

 

[harald25]

Jeg har ikke rukket å lese gjennom hele dokumentasjonen enda så kan være jeg har oversett svaret på mitt spørsmål.
Men, jeg få i hvertfall ikke opp noe som helst når jeg prøver å implementere TinyMCE på siden min.
Ikke en feilmelding en gang.

Så vidt jeg kunne skjønne av installasjonsinstruksene så skulle man legge inn følgende kode på siden:

<script type="text/javascript" src="../jscripts/tiny_mce/tiny_mce.js"></script>

og

<script type="text/javascript">
tinyMCE.init({
	mode : "textareas"
});
</script>

Er det noe mer enn dette jeg må legge til for at systemet skal funke?

 

[Bjørnar]

er stien stien rett til tiny_mce.js da?

 

[harald25]

Den skal være riktig ja.
Når jeg ser på kildekoden til siden i browseren min så er den riktig i hvertfall.

 

[harald25]

Den skal være riktig ja.
Når jeg ser på kildekoden til siden i browseren min så er den riktig i hvertfall.

Fant ut hva det var nå.
WEB-serveren min kuka opp så den relative filbanen var en anne på server enn da jeg hadde den lokalt på min maskin.

Alt funker bra nå!