CodeThatEditor Example - Using icons
<script language="javascript1.2">
<!--
var editorDef = {
text : "<h1 align=center>Hi, Joe <img src='img/icons/biggrin.gif'>!</h1>\n"
+ "<pre>I am ok, I get new job!\nHow are you?\nWhere are you now?</pre>"
+ "<p align=right>WBR, Peter</p>",
style : {
width : '380',
height : '200',
defaultClass : {
backgroundcolor : "#ffffff", bordercolor : "#000000", borderstyle : "solid", borderwidth : 1
}
},
useIcons : 1,
iconsDef : {
iconsLayout : "bottom",
icons : [
{
src : "img/icons/biggrin.gif", width : "16", height : "16", alt : "LOL"
},
{
src : "img/icons/confused.gif", width : "16", height : "16", alt : "WHAT?"
},
{
src : "img/icons/cool.gif", width : "16", height : "16", alt : "WAW"
},
{
src : "img/icons/eek.gif", width : "16", height : "16", alt : "EEK"
},
{
src : "img/icons/frown.gif", width : "16", height : "16", alt : "FROWN"
},
{
src : "img/icons/mad.gif", width : "16", height : "16", alt : "MAD"
},
{
src : "img/icons/smile.gif", width : "16", height : "16", alt : "BE HAPPY"
},
{
src : "img/icons/wink.gif", width : "16", height : "16", alt : "WINK"
} ]
}
};
var ed = new CEditor('ed', editorDef);
ed.create();
//-->
</script>
|