Editor von tysk, 22.09.2004 14:39

Editor

tysk 22.09.2004 14:39

javascript

Hallo, habe folgendes Skript und möchte gerne wissen, wie ich dort Stylesheets einfüge (ich habe mal dies versucht: <select onchange="cmdExec('fontclass',this[this.selectedIndex].value);">, aber 'fontclass' wird nich akzeptiert, 'fontsize' im Gegenteil aber schon, wie lautet das denn richtig?) Benutze übrigens IE und muss auch nur dort funktionieren...

Merci für jede Auskunft und Anregungen!

<html> <head> <title>CMS-Editor</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <style type="text/css"> <!--

--> </style> </head>

<body bgcolor="#FFFFFF"> <STYLE TYPE="text/css"> TABLE#tblCoolbar { background-color:threedface; padding:1px; color:menutext; border-width:1px; border-style:solid; border-color:threedhighlight threedshadow threedshadow threedhighlight; } .cbtn { height:18; BORDER-LEFT: threedface 1px solid; BORDER-RIGHT: threedface 1px solid; BORDER-TOP: threedface 1px solid; BORDER-BOTTOM: threedface 1px solid; } .txtbtn {font-family:tahoma; font-size:70%; color:menutext;} .test1 { font-size: 14pt; font-weight: bold; color: #FF3300} .test2 { font-size: 10pt; font-weight: bold; color: #FF0000} .test3 { font-size: 8pt; font-weight: normal; color: #FF0033} </STYLE>

var isHTMLMode=false

function document.onreadystatechange() { idContent.document.designMode="On" } function cmdExec(cmd,opt) { if (isHTMLMode){alert("Please uncheck 'Quellcode anzeigen'");return;} idContent.document.execCommand(cmd,"",opt);idContent.focus(); } function setMode(bMode) { var sTmp; isHTMLMode = bMode; if (isHTMLMode){sTmp=idContent.document.body.innerHTML;idContent.document.body.innerText=sTmp;} else {sTmp=idContent.document.body.innerText;idContent.document.body.innerHTML=sTmp;} idContent.focus(); } function createLink() { if (isHTMLMode){alert("Please uncheck 'Edit HTML'");return;} cmdExec("CreateLink"); } function insertImage() { if (isHTMLMode){alert("Please uncheck 'Edit HTML'");return;} var sImgSrc=prompt("Insert Image File (You can use your local image file) : ", "http://www.abc.de/1.jpg"); if(sImgSrc!=null) cmdExec("InsertImage",sImgSrc); } function Save() { if (isHTMLMode){alert("Please uncheck 'Edit HTML'");return;} var sImgTag = idContent.document.body.all.tags("IMG"); var oImg; for (var i = sImgTag.length - 1; i >= 0; i--) { oImg = sImgTag[i]; alert("Add your code to Upload local image file here. Image Inserted : " + oImg.src ); } alert("Add your code to Save Document here"); alert("Your Document : " + idContent.document.body.innerHTML); } function foreColor() { var arr = showModalDialog("selcolor.htm","","font-family:Verdana; font-size:12; dialogWidth:30em; dialogHeight:34em" ); if (arr != null) cmdExec("ForeColor",arr); } </script>

<P><STRONG><FONT size=3 class="test">Online Content Editor</FONT></STRONG></P>

<td colspan=16> <select onchange="cmdExec('fontclass',this[this.selectedIndex].value);"> <option selected>Class</option> <option value="test1">Test</option> <option value="test2">Heading 1</option> <option value="test3">Heading 2</option> </select> <select onchange="cmdExec('formatblock',this[this.selectedIndex].value);this.selectedIndex=0"> <option selected>Style</option> <option value="<h1>">Normal</option> <option value="<h1>">Heading 1</option> <option value="<h2>">Heading 2</option> <option value="Heading 3">Heading 3</option> <option value="Heading 4">Heading 4</option> <option value="Heading 5">Heading 5</option> <option value="Address">Address</option> <option value="Formatted">Formatted</option> <option value="Definition Term">Definition Term</option> </select> <select onchange="cmdExec('fontname',this[this.selectedIndex].value);"> <option selected>Font</option> <option value="Arial">Arial</option> <option value="Arial Black">Arial Black</option> <option value="Arial Narrow">Arial Narrow</option> <option value="Comic Sans MS">Comic Sans MS</option> <option value="Courier New">Courier New</option> <option value="System">System</option> <option value="Times New Roman">Times New Roman</option> <option value="Verdana">Verdana</option> <option value="Wingdings">Wingdings</option> </select> <select onchange="cmdExec('fontsize',this[this.selectedIndex].value);"> <option selected>Size</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> <option value="6">6</option> <option value="7">7</option> <option value="8">8</option> <option value="10">10</option> <option value="12">12</option> <option value="14">14</option> </select>

</td>

</tr> <tr>

</tr> </table>

</body> </html>

Beitrag melden

– Informationen zu den Bewertungsregeln

SELFHTML Forum - Ergänzung zur Dokumentation Übersicht

tysk: Editor

Beitrag lesen

Editor

Editor