[Javascript] IMG in editable div

[akakiwi]

Hallo,

Ik ben een HTML editor aan het maken waarmee makkelijk een nieuwsbrief in elkaar gezet kan worden.
Voor het opmaken van de tekst gebruik ik een <div editable />, zodat er makkelijk een simpele opmaak gemaakt kan worden. Met een editable div is het namelijk mogelijk tekst makkelijk bold, italic, underline of een combinatie te maken.
Echter, ik wil ook een plaatje in mijn div kunnen plakken.
Weet iemand of dit mogelijk is, en zo ja, hoe?
Ik heb wel 1 voorbeeld kunnen vinden, maar dat gaat over een <textarea/> waaraan een extern script wordt geladen.

Alvast bedankt.

edit:

Je kunt, kom ik net achter, wel plaatjes die ergens op een andere website staan, met complete vermelding van adres () in een editable div slepen.

[ Voor 17% gewijzigd door akakiwi op 12-08-2004 14:21 . Reden: Iets ontdekt. ]

[André]

Ik weet zo niet hoe het in elkaar zit maar het lijkt me dat het met div.appendChild(createElement("img")) wel moet lukken

code:

elm = document.createElement("img")
elm.src = "bla.gif";

editable_div.appendChild(elm);

[ Voor 35% gewijzigd door André op 12-08-2004 14:22 ]

[akakiwi]

Het is de bedoeling dat ik de bezoeker een venster geef, waarin de locatie van het plaatje wordt aangegeven en dat die dan in de DIV wordt geplaatst.

Maar......... aan jou optie, hoe simpel doch doeltreffend, heb nog totaal niet gedacht.
Ik ga dat nu fixen, want dat is niet moeilijk.

edit:

Wat ben ik toch een !!!!!
Dan kan dat nog, met dat venster.

[ Voor 13% gewijzigd door akakiwi op 12-08-2004 14:28 ]

[Bosmonster]

http://msdn.microsoft.com.../reference/commandids.asp

execCommand InsertImage

Of gewoon pasteHTML ('imgtag');

Overigens is een DIV als editor verre van ideaal, aangezien je deze geen focus kunt geven in IE. Dat is de reden dat iedereen daar iframe voor gebruikt

[ Voor 47% gewijzigd door Bosmonster op 12-08-2004 14:31 ]

[akakiwi]

@Bosmonster.
Daar ben ik van op de hoogte, maar het mooie van een div is, dat ik die onSubmit gewoon weer op editable=false zet en dan kan ik zo die nieuwsbrief versturen zonder er eerst nog stoeren scripts overheen te laten draaien.

[bRight]

hmmz.. is het handig om die mailing er direct uit te gooien dan?
Stel dat er iets mis gaat bij het verzenden bijvoorbeeld.. kan je je hele nieuwsbrief opnieuw opstellen..
Daarnaast is het best handig als je nieuwsbrieven gearchiveerd worden.

Ik zou gewoon voor een iframe kiezen hoor

[Bosmonster]

akakiwi schreef op 12 augustus 2004 @ 14:59:
@Bosmonster.
Daar ben ik van op de hoogte, maar het mooie van een div is, dat ik die onSubmit gewoon weer op editable=false zet en dan kan ik zo die nieuwsbrief versturen zonder er eerst nog stoeren scripts overheen te laten draaien.

Hier zie ik het verschil niet tussen een div en een iframe

Het levert dezelfde code op en je kunt een iframe ook gewoon editable uit zetten

Maar goed.. je zult vanzelf tegen de problemen aanlopen. In jouw schoenen had ik het niet anders gedaan

[ Voor 11% gewijzigd door Bosmonster op 13-08-2004 09:15 ]

[mullah]

Zie ook: [rml][ mozilla] Rich Edit text box[/rml]
In principe probeer je dus het wiel nog even opnieuw uit te vinden? Niks mis mee, heb het zelf ook een aantal keren geprobeerd

Andere plek om over rich html editing te kijken http://www.bris.ac.uk/is/projects/cms/ttw/ttw.html

[Thijsmans]

* Thijsmans mompelt iets over Midas