Ich weiß, hier wurde schon mehrfach über WYGIWYS-Editoren diskutiert und es gibt ein paar tolle vorgefertige.
Die sind aber alle so mächtig.
Am Eigenbau bin ich gescheitert, weil er immer nur im Internet Explorer lief.
Weiß vielleicht jemand, wo es ein WYGIWYS-Editor-Snippet gibt, welches neben Fett und Kursiv-Schrift und Zitat-Funktion noch Smilies und eine Vorschau bietet? und nicht unnötig mächtig ist?
Oder vielleicht ein gut auskommentiertes Script, das man anpassen kann?
Hallo Conan,
probier’s mal hiermit:
Verbessertes Eingabefeld (WYSIWYG-Editor)
.imagebutton {
width: 20px;
height: 20px;
border: 0px;
border-color: #FF0000;
display: inline; }
#edit {
border: solid 1px #CDCDCD; }
a {
text-decoration:none; }
a:hover {
color: #33FFFF; }
a:visitied {
color:#0000FF;
}
\<!--
//coded by [email protected] - be fair and do not remove this
var formu, ifrm, uagent=navigator.userAgent.toLowerCase(),
isGecko = ( uagent.match('gecko') && navigator.productSub\>=20030210 ),
isIE = uagent.match('msie') && !uagent.match('opera') &&
(!uagent.match('msie 5.5')||!uagent.match('msie 6.'));
function initEdit(strFormu,strEdit,strDefTxt) {
formu = document.getElementById(strFormu);
if (isIE)
ifrm = window.frames[strEdit].document;
if (isGecko)
ifrm = document.getElementById(strEdit).contentWindow.document;
ifrm.designMode = 'on';
if (strDefTxt)
with (ifrm) {
open();
write(strDefTxt);
close();
}
var kids = document.getElementsByTagName('div');
for (i in kids)
if (kids[i].className == 'imagebutton')
kids[i].onclick = tbclick;
document.getElementById(strEdit).contentWindow.focus();
}
function tbclick() {
var id = this.id;
if (id == 'CreateLink' && isIE)
ifrm.execCommand(id);
else {
if (id=='FontName' || id=='FontSize') {
sel = document.getElementById(id).childNodes;
sel = isIE ? sel[0] : sel[1];
arg = sel.options[sel.selectedIndex].firstChild.data; }
else if (id == 'InsertImage')
arg = prompt('Enter a image location:', 'http://');
else if (id == 'CreateLink')
arg = prompt('Enter a URL:','http://');
else
arg = null;
ifrm.execCommand(id,false,arg);
}
}
function processData() {
formu.content.value = ifrm.body.innerHTML;
if( !formu.content.value.replace(/\<br\>|\s| /ig,'') ) {
alert('You did not enter any Text!');
return false;
}
return true;
}
//--\>
1234567
ArialTimes New RomanComic Sans MS
[B](%23)
[I](%23)
[U](%23)
[left](%23)
[center](%23)
[right](%23)
[odered list](%23)
[unordered list](%23)
[link](%23)
[indent](%23)
[outdent](%23)
[insert image](%23)
Schöne Grüße,
Mohamed.
WOW, das is ja der Hammer,
der Code ist perfekt zum Ausbaun!
VIELEN DANK