Kirjautuminen

Haku

Tehtävät

Keskustelu: Nettisivujen teko: Textarean esikatselu

hauki [28.03.2008 16:39:39]

#

Onko olemassa joku elementti, jonka sisältöä voi ohjata javascriptillä textarean tapaisesti niin, että html luetaan niinkuin selaimessa vai pitääkö osata jotain wysiwyg-tyylisen editorin periaatetta. Muutenkin kiinnostaisi tietää miten wysiwyg-tyylinen editori toimii, eli jos tiedätte esim. jonkun paikan, jossa periaatteeseen pystyisi tutustumaan mahdollisimman yksinkertaisessa muodossa, niin olisin kiitollinen jos kertoisitte. Googlella olen löytänyt joitan"huippumalleja", mutta niissä varmaan tekijänoikeus syistä periaatteen ymmärtäminen on tehty mahdollisimman hankalaksi.

Niko [28.03.2008 16:50:47]

#

No siis jotakin tähän tyyliin:

HTML:
<iframe id="edit"></iframe>

JS:
document.getElementById('edit').contentWindow.document.designMode = 'on';

http://www.google.fi/search?q=document.designMode

hauki [28.03.2008 17:46:40]

#

En ois voinu uskoa, että se ei oo ton vaikeempaa. Tässä on hyvä sivu, joka löyty tolla sun hakusanalla http://devedge-temp.mozilla.org/viewsource/2003/midas/01/index_en.html

hauki [29.03.2008 18:41:26]

#

Onko iframe ainoa elementti, jossa tämä on mahdollista

Triton [29.03.2008 18:48:06]

#

hauki kirjoitti:

Muutenkin kiinnostaisi tietää miten wysiwyg-tyylinen editori toimii, eli jos tiedätte esim. jonkun paikan, jossa periaatteeseen pystyisi tutustumaan mahdollisimman yksinkertaisessa muodossa, niin olisin kiitollinen jos kertoisitte.

No ainakin avoimenlähdekoodinprojekti NVU on mielestäni erittäin hyvä ja vielä ilmainenkin wysiwyg -editori. NVU on itsessään kuollut projekti, mutta sitä kehitetään vielä nimellä KompiZer, tai joku vastaava nimi...

NVU:ta saa suomeksi, mutta KompiZeristä en ole varma.

hauki [29.03.2008 19:23:00]

#

En oikein halua ottaa valmista, mieluummin teen oman vaikka vähemmillä ominaisuuksilla.

Iframeilla oon saanu perusjutut(kuvanlisäys, lihavointi yms.) toimimaan, mutta tallentamiseen en ole keksiny järkevää keinoa. Tällä hetkellä tallennus toimii niin, että iframessa olevan tekstin saa yhdellä napilla koodimuodossa textareaan ja vasta siitä saan sen phplle postitettua toisella napilla. Tämän helpottamiseksi kyselin niitä muita elementtäjä, jossa desingmode on käytössä vai tuleeko mieleen miten iframen sisällön voi suoraan lähettää php scriptille?

Vastaus

Aihe on jo aika vanha, joten et voi enää vastata siihen.

Tietoa sivustosta