• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Editor verbessern

Status
Für weitere Antworten geschlossen.

psychedelic

Neues Mitglied
Hallo,

habe es jetzt geschafft,

HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Textfeld</title>

<script type="text/javascript">

function inner(){

var text = document.getElementById("textfeld").innerHTML;

    document.getElementById("textfeld").innerHTML = text + "<img src='smilie_denk_17.gif' />"

}

</script>

</head>

<body>
<table>
<td><img onclick="inner()" src="smilie_denk_17.gif" /></td><tr><td>
<div id="textfeld" style="width:300px; height:100px; border:#333333 1px solid; overflow:auto;" contenteditable></div>
</td></tr>
</table>
</body>

</html>

Geht in allen neuen Browsern, aber so ganz stimmt da noch nicht alles ;)

Der kann zb. den Smiley noch nicht an der stelle des textes einfüge an der der Zeiger gerede steht.

Fragen

  • Wie kann ich den Smiley immer an die richtige Stelle einfügen ?
  • Wie bekomm ich im Firefox und Opera den Rand weg ?
Das wären erstmal die wichtigsten Probleme ;)
 
Willst du einen WYSIWYG-Editor schreiben?
Dann würd ich die textarea vergessen. Alle neueren arbeiten mit iframes im design mode.
Hier ist solch ein Editor

TinyMCE - Download

Den kann man sich super anpassen
 
Status
Für weitere Antworten geschlossen.
Zurück
Oben