Vertigo21
Erfahrenes Mitglied
Hallo zusammen.
Ich habe vor kurzem diesen Editor im Netz gefunden:
http://web5.kdnr543.w-cct.de/richtext.htm
Der Autor stellt ihn als Freeware zur Verfügung und daher habe ich ihn mir für meine Seite (sehr geringfügig) angepasst. Alle funktioniert optimal bis auf eine Sache:
Bei Eingaben innerhalb des Internet Explorers wird beim Druck auf die Enter-Taste statt eines Zeilenumbruchs ein Absatz erzeugt. Im daraus resultierenden Quelltext steht dann auch ein <p> statt eines <br>.
Ich weiß leider viel zu wenig von JS um den Fehler zu finden. Vielleicht weiß ja einer von euch Rat.
***********EDIT***********
Noch eine kleine Erläuterung:
Der Editor unter der URL funktioniert mit Mozilla normal. Nur mit dem Internet Explorer macht er zicken. Ich kann den Fehler nicht finden...
Meine Version:
Ich habe vor kurzem diesen Editor im Netz gefunden:
http://web5.kdnr543.w-cct.de/richtext.htm
Der Autor stellt ihn als Freeware zur Verfügung und daher habe ich ihn mir für meine Seite (sehr geringfügig) angepasst. Alle funktioniert optimal bis auf eine Sache:
Bei Eingaben innerhalb des Internet Explorers wird beim Druck auf die Enter-Taste statt eines Zeilenumbruchs ein Absatz erzeugt. Im daraus resultierenden Quelltext steht dann auch ein <p> statt eines <br>.
Ich weiß leider viel zu wenig von JS um den Fehler zu finden. Vielleicht weiß ja einer von euch Rat.
***********EDIT***********
Noch eine kleine Erläuterung:
Der Editor unter der URL funktioniert mit Mozilla normal. Nur mit dem Internet Explorer macht er zicken. Ich kann den Fehler nicht finden...
Meine Version:
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>richtext</TITLE>
<META http-equiv=Content-Type content="text/html; charset=windows-1252">
</HEAD>
<STYLE type=text/css>
body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #cdcdcd; background-color: #FFFFFF; margin: 25px 25px 25px 25px;}
.imagebutton { WIDTH: 26px; HEIGHT: 26px; }
.image { WIDTH: 26px; HEIGHT: 26px; }
.toolbar { HEIGHT: 30px; BACKGROUND-COLOR: #FFFFFF; }
#edit { border: solid 1px #CDCDCD; }
</STYLE>
<SCRIPT type="text/javascript">
//<!--
var uagent = navigator.userAgent.toLowerCase();
var ie_ok = -1;
var gecko_ok = -1;
if(uagent.indexOf("gecko") && navigator.productSub >= 20030210)
{ gecko_ok=1; }
if(uagent.indexOf("msie") != -1 && uagent.indexOf("opera")== -1 && (uagent.indexOf("msie 5.5") || uagent.indexOf("msie 6.")))
{ ie_ok = 1; }
function InitToolbarButtons()
{
kids = document.getElementsByTagName('DIV');
for (var i=0; i < kids.length; i++)
{
if (kids[i].className == "imagebutton")
{
kids[i].onclick = tbclick;
}
}
}
function tbmousedown(e)
{
if(gecko_ok==1)
{
e.preventDefault();
}
}
function tbmouseout(id)
{
document.images[id].src="images/buttons/"+ id +"n.gif";
}
function tbmouseover(id)
{
document.images[id].src="images/buttons/"+ id +"a.gif";
}
function tbclick()
{
if(this.id == 'createlink')
{
if(ie_ok == 1)
{
edit.document.execCommand('createlink');
edit.focus();
}
if(gecko_ok == 1)
{
var szURL = prompt("Enter a URL:", "");
document.getElementById('edit').contentWindow.document.execCommand("CreateLink",false,szURL);
}
}
else
{
if(gecko_ok == 1)
{
document.getElementById('edit').contentWindow.document.execCommand(this.id, false, null);
}
if(ie_ok == 1)
{
edit.document.execCommand(this.id, false, null);
edit.focus();
}
}
}
function Start()
{
if(gecko_ok == 1)
{
document.getElementById('edit').contentWindow.document.designMode = "on";
try
{
document.getElementById('edit').contentWindow.document.execCommand("undo", false, null);
}
catch (e)
{
gecko_ok = -1;
}
}
}
function processData()
{
if(ie_ok==1) var htmlCode = edit.document.body.innerHTML;
if(gecko_ok==1) var htmlCode = document.getElementById('edit').contentWindow.document.body.innerHTML;
document.artikelform.artikel.value = htmlCode;
if(document.artikelform.artikel.value == '')
{
alert('Da is nix drinnen ... das nicht gut!');
return false;
}
else
{
alert(document.artikelform.artikel.value);
return false;
}
}
//-->
</SCRIPT>
<BODY onload="Start()">
<form onSubmit="return processData()" name="artikelform" action="" method="post">
<div style="border-top:solid 1px #CDCDCD; width: 400px;">
<TABLE id=toolbar width="400">
<TBODY>
<TR>
<TD width=26>
<DIV class="imagebutton" id="bold">
<a href="#"><IMG name="bold" class="image" title="Bold" alt="Bold"
src="images/buttons/boldn.gif" width="26" height="26" border="0" onmouseover="tbmouseover(this.name);" onmouseout="tbmouseout(this.name);" /></a>
</DIV>
</TD>
<TD width=26>
<DIV class="imagebutton" id="italic">
<a href="#"><IMG class="image" name="italic" title="Italic" alt="Italic" border="0" src="images/buttons/italicn.gif" onmouseover="tbmouseover(this.name);" onmouseout="tbmouseout(this.name);" /></a>
</DIV>
</TD>
<TD width=26>
<DIV class=imagebutton id=underline>
<a href="#"><IMG class="image" name="under" title="Underline" alt="Underline" border="0" src="images/buttons/undern.gif" onmouseover="tbmouseover(this.name);" onmouseout="tbmouseout(this.name);" /></a>
</DIV>
</TD>
<TD width="33%"> </TD>
<TD width=26>
<DIV class=imagebutton id=justifyleft style="LEFT: 10px">
<a href="#"><IMG class="image" name="left" title="Align Left" alt="Align Left" border="0" src="images/buttons/leftn.gif" onmouseover="tbmouseover(this.name);" onmouseout="tbmouseout(this.name);" /></a>
</DIV>
</TD>
<TD width=26>
<DIV class=imagebutton id=justifycenter style="LEFT: 40px">
<a href="#"><IMG class="image" name="center" title="Center" alt="Center" border="0" src="images/buttons/centern.gif" onmouseover="tbmouseover(this.name);" onmouseout="tbmouseout(this.name);" /></a>
</DIV>
</TD>
<TD width=26>
<DIV class=imagebutton id=justifyright style="LEFT: 70px">
<a href="#"><IMG class="image" name="right" title="Align Right" alt="Align Right" border="0" src="images/buttons/rightn.gif" onmouseover="tbmouseover(this.name);" onmouseout="tbmouseout(this.name);" /></a>
</DIV>
</TD>
<TD width="34%"> </TD>
<TD width=26>
<DIV class=imagebutton id=insertorderedlist style="LEFT: 10px">
<a href="#"><IMG class="image" name="ol" title="Ordered List" alt="Ordered List" border="0" src="images/buttons/oln.gif" onmouseover="tbmouseover(this.name);" onmouseout="tbmouseout(this.name);" /></a>
</DIV>
</TD>
<TD width=26>
<DIV class=imagebutton id=insertunorderedlist style="LEFT: 40px">
<a href="#"><IMG class="image" name="ul" title="Unordered List" alt="Unordered List" border="0" src="images/buttons/uln.gif" onmouseover="tbmouseover(this.name);" onmouseout="tbmouseout(this.name);" /></a>
</DIV>
</TD>
<TD width="33%"> </TD>
<TD width=26>
<DIV class=imagebutton id=createlink style="LEFT: 40px">
<a href="#"><IMG class="image" name="web" title="Hyperlink" alt="Hyperlink" border="0" src="images/buttons/webn.gif" onmouseover="tbmouseover(this.name);" onmouseout="tbmouseout(this.name);" /></a>
</DIV>
</TD>
</TR>
</TABLE>
</div>
<IFRAME id="edit" src="edit.htm" width="400" height="200" frameborder="0"></IFRAME>
<textarea name="artikel" style="visibility:hidden;"></textarea>
<div style="width: 400px;" align="center"><input type="submit" value="Source zeigen"></div>
</form>
<SCRIPT>
if(ie_ok==1) edit.document.designMode = 'On';
InitToolbarButtons();
// testausgabe
document.write("dein browser: " + uagent+"<br><br>");
// testausgabe
</SCRIPT>
<img src="count.php" width=1 height=1 />
</BODY>
</HTML>
Zuletzt bearbeitet: