Initial Commit Update Telerik

LPWeb20/RichtextEditor/skins/office2003/skin.css

@@ -0,0 +1,403 @@
+/*silver*/
+.rteskin_silver
+{
+	border-width:1px;
+	border-style:solid;
+	border-color:#d9d9d9;
+	background-color:#efefef;
+}
+.ribbon_silver
+{
+	background-image:url(../../styles/images/rbribbon_silver.png);
+	background-position:left bottom;
+	background-repeat:no-repeat;
+}
+.ribbon_silver:first-child
+{
+	background-image:none;
+}
+.tbgroup_silver
+{
+	border-left:1px solid #bbbbbb;
+}
+.dropdown_silver
+{
+	border:1px solid #d3d5dc;
+	background-color:white;
+}
+.dropdown_silver .dropdownsplit
+{
+	border-left-style:solid;
+	border-left-width:1px;
+}
+.slitbtn_silver .splitbtnsplit
+{
+	border-left-style:solid;
+	border-left-width:1px;
+}
+.tbcontrol_silver, .splitbtn_silver
+{
+    border:1px solid transparent;
+}
+.splitbtn_silver
+{
+    border:1px solid transparent;
+	background-color:transparent;
+}
+.rbimage_silver{
+	background-image:url(../../styles/images/tbribbon_silver2003.png);
+	background-repeat:repeat-x;
+}
+.dropdown_silver_hovered
+{
+	border-color:#abc1de;
+	background-color:white;
+}
+.dropdown_silver_hovered .dropdownsplit
+{
+	border-color:#cccccc;
+	background-color:#eeeeee;
+}
+.splitbtn_silver_hovered .splitbtnsplit
+{
+	border-color:#D6D9E2;
+}
+.tbcontrol_silver_hovered,.splitbtn_silver_hovered
+{
+    border-color:#808080;
+	background-color:transparent;
+	background-image:url(../../styles/images/tbcontrol_hovered.png);
+	background-repeat:repeat-x;
+}
+.rbimage_silver_hovered
+{
+	background-image:url(../../styles/images/rbimage_hovered.png);
+}
+.dropdown_silver_clicked
+{
+	border-color:#abc1de;
+	background-color:#ffd700;
+}
+.dropdown_silver_clicked .dropdownsplit
+{
+	border-color:#abc1de;
+}
+.tbcontrol_silver_clicked,.splitbtn_silver_clicked
+{
+    border-color:#808080;
+	background-color:transparent;
+	background-image:url(../../styles/images/tbcontrol_clicked.png);
+	background-repeat:repeat-x;
+}
+.rbimage_silver_clicked
+{
+	background-image:url(../../styles/images/rbimage_clicked.png);
+}
+.rteskin_silver .rtelayouttop
+{
+	border-bottom-color:#d9d9d9!important;
+}
+.rteskin_silver .rtelayoutbottom
+{
+	border-top-color:#d9d9d9!important;
+}
+/*blue*/
+.rteskin_blue
+{
+	border-width:1px;
+	border-style:solid;
+	border-color:#99a9bf;
+	background-color:#cad9ec;
+}
+.ribbon_blue
+{
+	background-image:url(../../styles/images/rbribbon_blue.png);
+	background-position:left center;
+	background-repeat:no-repeat;
+}
+.ribbon_blue:first-child
+{
+	background-image:none;
+}
+.tbgroup_blue
+{
+	border-left:1px solid #D6DAE3;
+}
+.dropdown_blue
+{
+	border:1px solid #d3d5dc;
+	background-color:white;
+}
+.dropdown_blue .dropdownsplit
+{
+	border-left-style:solid;
+	border-left-width:1px;
+}
+.slitbtn_blue .splitbtnsplit
+{
+	border-left-style:solid;
+	border-left-width:1px;
+}
+.tbcontrol_blue, .splitbtn_blue
+{
+    border:1px solid transparent;
+}
+.splitbtn_blue
+{
+    border:1px solid transparent;
+	background-color:transparent;
+}
+.rbimage_blue{}
+.dropdown_blue_hovered
+{
+	border-color:#abc1de;
+	background-color:white;
+}
+.dropdown_blue_hovered .dropdownsplit
+{
+	border-color:#cccccc;
+	background-color:#dee8f5;
+}
+.splitbtn_blue_hovered .splitbtnsplit
+{
+	border-color:#D6D9E2;
+}
+
+.tbcontrol_blue_hovered,.splitbtn_blue_hovered
+{
+    border-color:#c8c8c8;
+	background-color:transparent;
+	background-image:url(../../styles/images/tbcontrol_hovered.png);
+	background-repeat:repeat-x;
+}
+.rbimage_blue_hovered
+{
+	background-image:url(../../styles/images/rbimage_hovered.png);
+}
+
+.dropdown_blue_clicked
+{
+	border-color:#abc1de;
+	background-color:#ffd700;
+}
+.dropdown_blue_clicked .dropdownsplit
+{
+	border-color:#abc1de;
+}
+.tbcontrol_blue_clicked,.splitbtn_blue_clicked
+{
+    border-color:#808080;
+	background-color:transparent;
+	background-image:url(../../styles/images/tbcontrol_clicked.png);
+	background-repeat:repeat-x;
+}
+.rbimage_blue_clicked
+{
+	background-image:url(../../styles/images/rbimage_clicked.png);
+}
+.rteskin_blue .rtelayouttop
+{
+	border-bottom-color:#99a9bf!important;
+}
+.rteskin_blue .rtelayoutbottom
+{
+	border-top-color:#99a9bf!important;
+}
+/*silver2*/
+.rteskin_silver2
+{
+	border-width:1px;
+	border-style:solid;
+	border-color:#838383;
+	background-color:#d8d7d7;
+}
+.tbtoolbar_silver2
+{
+    background-color:#b7b7b5;
+	background-image:url(../../styles/images/tbtoolbar_silver20032.png);
+	background-position:left bottom;
+	background-repeat:repeat-x;
+}
+.tbgroup_silver2
+{
+	border-left:1px solid #bbbbbb;
+	background-color:#c8c8c8;
+}
+.dropdown_silver2
+{
+	border:1px solid #f9f9f9;
+	background-color:white;	
+}
+.dropdown_silver2 .dropdownsplit
+{
+	border-left-style:solid;
+	border-left-width:1px;
+	background-image:url(../../styles/images/tbgroup_silver20032.png);
+	background-position:left center;
+	background-repeat:repeat-x;
+}
+.slitbtn_silver2 .splitbtnsplit
+{
+	border-left-style:solid;
+	border-left-width:1px;
+}
+.tbcontrol_silver2, .splitbtn_silver2
+{
+    border:0px solid transparent;
+    background-color:transparent;
+    top:0px!important;
+	height:24px!important;
+    border-left:1px solid #c8c8c8!important;
+}
+.tbcontrol_silver2:first-child,.splitbtn_silver2:first-child
+{
+    border-left-width:0px!important;
+}
+.tbcontrol_silver2 img
+{
+	margin-top:2px!important;
+}
+.splitbtn_silver2 img
+{
+	margin-top:2px!important;	
+}
+.splitbtn_silver2
+{
+    border:0px solid transparent;
+	background-color:transparent;
+}
+.ribbon_silver2:first-child
+{
+	background-image:none;
+}
+.rbimage_silver2
+{
+	background-image:url(../../styles/images/rbribbon_silver2003.png);
+	background-repeat:repeat-x;
+	width:52px!important;
+	border-width:0px!important;
+	left:0px!important;
+	top:2px!important;
+}
+.rbimage_silver2 img
+{
+	margin-left:2px;
+}
+.dropdown_silver2_hovered
+{
+	border-color:#dedede;
+	background-color:white;
+}
+.dropdown_silver2_hovered .dropdownsplit
+{
+	border-color:#cccccc;
+	background-color:#eeeeee;
+}
+.splitbtn_silver2_hovered .splitbtnsplit
+{
+	border-color:#D6D9E2;
+}
+.tbcontrol_silver2_hovered,.splitbtn_silver2_hovered
+{
+    border-color:#808080;
+	background-color:transparent;
+	background-image:url(../../styles/images/tbcontrol_silver2_hovered.png);
+	background-repeat:repeat-x;
+}
+.rbimage_silver2_hovered
+{
+	background-image:url(../../styles/images/rbimage_silver2003_hovered.png);
+	background-repeat:repeat-x;
+}
+.dropdown_silver2_clicked
+{
+	border-color:#abc1de;
+	background-color:#ffd700;
+}
+.dropdown_silver2_clicked .dropdownsplit
+{
+	border-color:#abc1de;
+}
+.tbcontrol_silver2_clicked,.splitbtn_silver2_clicked
+{
+    border-color:#808080;
+	background-color:transparent;
+	background-image:url(../../styles/images/tbcontrol_silver2_clicked.png);
+	background-repeat:repeat-x;
+}
+.rbimage_silver2_clicked
+{
+	background-image:url(../../styles/images/rbimage_silver2003_clicked.png);
+}
+.rteskin_silver2 .rtelayouttop
+{
+	border-bottom-color:#838383!important;
+}
+.rteskin_silver2 .rtelayoutbottom
+{
+	border-top-color:#838383!important;
+}
+.rteskin_silver2 .rtelayoutbottom .tbgroup_silver2
+{
+	height:22px!important;
+}
+/*office2003*/
+
+.tbgroup_office2003_silver
+{
+    border: #d8d8d8 1px solid; 
+	background-image:url(../../styles/images/tbgroup_silver2007.png);
+	background-repeat:repeat-x;
+}
+.tbgroup_office2003_silver2
+{
+    border: #838383 1px solid; 
+    -webkit-border-radius: 2px;
+	-moz-border-radius: 2px;
+    border-radius:2px;
+	background-image:url(../../styles/images/tbgroup_silver20032.png);
+	background-position:left top;
+	background-repeat:repeat-x;
+}
+.tbgroup_office2003_blue
+{
+    border-right: #a9bfd3 1px solid; 
+    border-top: #f0f5fa 1px solid; 
+    border-left: #f0f5fa  1px solid; 
+    border-bottom: #a9bfd3 1px solid; 
+	background-image:url(../../styles/images/tbgroup_darkblue.png);
+	background-repeat:repeat-x;
+}
+.splitbtn_office2003_blue
+{
+    border:1px solid transparent;
+	background-color:transparent;
+}
+.splitbtn_office2003_blue_hovered
+{
+    border-color:#c8c8c8;
+}
+
+/*checked*/
+.tbcontrol_silver_checked,.splitbtn_silver_checked
+{
+    border-color:#808080;
+    border-width:1px;
+	background-color:transparent;
+	background-image:url(../../styles/images/tbcontrol_checked.png);
+	background-repeat:repeat-x;
+}
+.tbcontrol_blue_checked,.splitbtn_blue_checked
+{
+    border-color:#808080;
+    border-width:1px;
+	background-color:transparent;
+	background-image:url(../../styles/images/tbcontrol_checked.png);
+	background-repeat:repeat-x;
+}
+.tbcontrol_silver2_checked,.splitbtn_silver2_checked
+{
+    border-color:#808080;
+	background-image:url(../../styles/images/tbcontrol_silver2_checked.png);
+	background-repeat:repeat-x;
+}

LPWeb20/RichtextEditor/skins/office2003/skin.xml

@@ -0,0 +1,137 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<jsml xmlns="http://cutesoft.net/jsml"
+xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://cutesoft.net/jsml ../../core/jsml.xsd">
+
+
+	<panel jsml-class="ribbon_{skin}_{color}" dock="left" overflow_x="visible" margin="1" padding="0,2,0,5"  height="90" width="32" >
+
+		<jsml-ref name="rteborderstyle"/>
+
+		<initialize>
+			self.toggle_css_class("ribbon_{skin}");
+			self.toggle_css_class("ribbon_{color}");
+			self.toggle_css_class("ribbon_{skin}_{color}");
+		</initialize>
+
+	</panel>
+
+	<image jsml-class="ribbonimage_{skin}_{color}" jsml-base="image_skin_base" dock="left">
+		<initialize>
+			self.toggle_css_class("rbimage_{skin}");
+			self.toggle_css_class("rbimage_{color}");
+			self.toggle_css_class("rbimage_{skin}_{color}");
+		</initialize>
+		<attach name="tooglecssclass" arguments="jevent,name,mode">
+			self.toggle_css_class("rbimage_{skin}_"+name,mode);
+			self.toggle_css_class("rbimage_{color}_"+name,mode);
+			self.toggle_css_class("rbimage_{skin}_{color}_"+name,mode);
+		</attach>
+	</image>
+
+
+
+	<panel jsml-class="tbgroup_{skin}_{color}" dock="flow" overflow_x="visible" margin="2,0,2,2" height="26" width="20" >
+		<initialize>
+			self.toggle_css_class("tbgroup_{skin}");
+			self.toggle_css_class("tbgroup_{color}");
+			self.toggle_css_class("tbgroup_{skin}_{color}");
+		</initialize>
+		<attach name="tooglecssclass" arguments="jevent,name,mode">
+			self.toggle_css_class("tbgroup_{skin}_"+name,mode);
+			self.toggle_css_class("tbgroup_{color}_"+name,mode);
+			self.toggle_css_class("tbgroup_{skin}_{color}_"+name,mode);
+		</attach>
+		<jsml-ref name="rteborderstyle"/>
+		<attach name="attach_dom">
+			<![CDATA[
+			if(self.get_border_width()[1])self.set_padding([2,2,2,2])
+			if(self.get_margin()[1] &&self.get_margin()[1]==2)
+			{
+				self.set_padding([0,2,0,2]);
+				self.set_border_width([0,0,0,0]);
+			}
+			var p=self.get_parent();
+			var cn=p._element.className;
+			if(!cn)return;
+			if(cn.indexOf("ribbon")!=-1)
+			   self.set_margin([2,0,2,2]);
+			else if(cn.indexOf("silver")!=-1)
+				self.set_margin([1,1,1,1]);
+			else if(cn.indexOf("blue")!=-1)
+				self.set_margin([0,0,0,0]);
+			]]>
+		</attach>
+	</panel>
+
+	<panel jsml-class="linebreak_{skin}_{color}" dock="flow" flow_clear="newline" width='0'></panel>
+
+	<image jsml-class="image_{skin}_{color}" jsml-base="image_skin_base" dock="left">
+		<initialize>
+			self.toggle_css_class("tbcontrol_{skin}");
+			self.toggle_css_class("tbcontrol_{color}");
+			self.toggle_css_class("tbcontrol_{skin}_{color}");
+		</initialize>
+		<attach name="tooglecssclass" arguments="jevent,name,mode">
+			self.toggle_css_class("tbcontrol_{skin}_"+name,mode);
+			self.toggle_css_class("tbcontrol_{color}_"+name,mode);
+			self.toggle_css_class("tbcontrol_{skin}_{color}_"+name,mode);
+		</attach>
+		<attach name="attach_dom">
+			<![CDATA[
+			var p=self.get_parent();
+			var cn=p._element.className;
+			if(!cn)return;
+			if(cn.indexOf("_silver2")!=-1)
+			{
+				self.set_width(24);
+				self.set_height(24);
+				self.set_horizontal_align("center");
+			}
+			]]>
+		</attach>
+		<initialize>
+			if("{color}"!="silver2")return;
+			self.attach_event("set_padding",function()
+			{
+			var p=this.get_padding();
+			self._img.style.clip="rect("+(-p[0]+1)+"px 20px "+(-p[0]+19)+"px 0px)";
+			});
+		</initialize>
+	</image>
+
+	<panel jsml-class="splitbtn_{skin}_{color}" jsml-base="splitbtn_skin_base" width="32" dock="left">
+		<initialize>
+			self.toggle_css_class("splitbtn_{skin}");
+			self.toggle_css_class("splitbtn_{color}");
+			self.toggle_css_class("splitbtn_{skin}_{color}");
+		</initialize>
+		<attach name="tooglecssclass" arguments="jevent,name,mode">
+			self.toggle_css_class("splitbtn_{skin}_"+name,mode);
+			self.toggle_css_class("splitbtn_{color}_"+name,mode);
+			self.toggle_css_class("splitbtn_{skin}_{color}_"+name,mode);
+		</attach>
+	</panel>
+
+	<panel jsml-class="dropdown_{skin}_{color}" jsml-base="dropdown_skin_base" margin="0">
+		<initialize>
+			self.toggle_css_class("dropdown_{skin}");
+			self.toggle_css_class("dropdown_{color}");
+			self.toggle_css_class("dropdown_{skin}_{color}");
+		</initialize>
+		<attach name="tooglecssclass" arguments="jevent,name,mode">
+			self.toggle_css_class("dropdown_{skin}_"+name,mode);
+			self.toggle_css_class("dropdown_{color}_"+name,mode);
+			self.toggle_css_class("dropdown_{skin}_{color}_"+name,mode);
+		</attach>
+	</panel>
+
+	<include src="{folder}skins/{skin}/toolbar_{toolbar}.xml?{timems}" />
+
+	<include src="{folder}skins/_shared/_layout.xml?{timems}" />
+
+	<panel jsml-class="rteskin_{skin}_{color}" width="200" height="200">
+		<jsml-ref name="rteborderstyle"/>
+		<jsml-ref name="_shared_layout_{skin}_{color}"/>
+	</panel>
+
+</jsml>

LPWeb20/RichtextEditor/skins/office2003/toolbar_custom.xml

@@ -0,0 +1,295 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<jsml xmlns="http://cutesoft.net/jsml"
+xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://cutesoft.net/jsml ../../core/jsml.xsd">
+
+	<jsml-def name="toolbar_{toolbar}_{skin}_{color}">
+		<panel jsml-base="tbgroup_{skin}_{color}">
+			<image jsml-base="image_{skin}_{color}" command="Save" tooltip="@SAVE"/>
+			<image jsml-base="image_{skin}_{color}" command="New" tooltip="@NEW" imagename="newdoc" />
+			<image jsml-base="image_{skin}_{color}" command="Print" tooltip="@PRINT" />
+			<image jsml-base="image_{skin}_{color}" command="Find" tooltip="@FINDANDREPLACE" />
+			<image jsml-base="image_{skin}_{color}" command="CleanCode" tooltip="@CLEANCODE" imagename="cleanup" />
+			<image jsml-base="image_{skin}_{color}" command="ExecPlugin" arguments="spellcheck" tooltip="@SPELLCHECK" imagename="spell" />
+
+			<image jsml-base="image_{skin}_{color}" command="FullScreen" tooltip="@FULLSCREEN" imagename="fit" />
+
+		</panel>
+		<panel jsml-base="tbgroup_{skin}_{color}">
+
+			<image jsml-base="image_{skin}_{color}" command="SelectAll" tooltip="@SELECTALL" />
+			<image jsml-base="image_{skin}_{color}" command="SelectNone" tooltip="@SELECTNONE" />
+			<image jsml-base="image_{skin}_{color}" command="Delete" tooltip="@DELETE" />
+
+			<image jsml-base="image_{skin}_{color}" command="Cut" tooltip="@CUT">
+				<attach name="mousehover">
+					self._ResetFCButton();
+				</attach>
+			</image>
+			<image jsml-base="image_{skin}_{color}" command="Copy" tooltip="@COPY">
+				<attach name="mousehover">
+					self._ResetFCButton();
+				</attach>
+			</image>
+
+		</panel>
+		<panel jsml-base="tbgroup_{skin}_{color}">
+
+			<image jsml-base="image_{skin}_{color}" command="Paste" tooltip="@PASTE" />
+			<image jsml-base="image_{skin}_{color}" command="PasteText" tooltip="@PASTETEXT" />
+			<image jsml-base="image_{skin}_{color}" command="PasteWord" tooltip="@PASTEWORD" />
+
+		</panel>
+		<panel jsml-base="tbgroup_{skin}_{color}">
+
+			<image jsml-base="image_{skin}_{color}" command="Undo" tooltip="@UNDO" />
+			<image jsml-base="image_{skin}_{color}" command="Redo" tooltip="@REDO" />
+
+		</panel>
+
+		<!--
+		<panel jsml-base="linebreak_{skin}" />
+		-->
+
+		<panel jsml-base="tbgroup_{skin}_{color}">
+			<image jsml-base="image_{skin}_{color}" command="InsertGallery" tooltip="@INSERTGALLERY" imagename="gallery" />
+			<image jsml-base="image_{skin}_{color}" command="InsertImage" tooltip="@INSERTIMAGE" imagename="image" />
+			<image jsml-base="image_{skin}_{color}" command="InsertVideo" tooltip="@INSERTVIDEO" imagename="media" />
+			<image jsml-base="image_{skin}_{color}" command="InsertDocument" tooltip="@INSERTDOCUMENT" imagename="document" />
+			<image jsml-base="image_{skin}_{color}" command="InsertTemplate" tooltip="@INSERTTEMPLATE" imagename="template" />
+			<image jsml-base="image_{skin}_{color}" command="ExecPlugin" arguments="syntaxhighlighter" tooltip="@SYNTAXHIGHLIGHTER" imagename="code" />
+
+			<image jsml-base="image_{skin}_{color}" command="ExecPlugin" arguments="insertyoutube" tooltip="@INSERTYOUTUBE" imagename="youtube"/>
+			<image jsml-base="image_{skin}_{color}" imagename="html5" tooltip="@INSERTHTML5">
+				<attach name="click">
+					inserthtml5menu.show({control:self,stopDispose:true});
+				</attach>
+				<attach name="editor_ready" arguments="jevent,editor">
+					inserthtml5menu.invoke_recursive("editor_ready",editor);
+				</attach>
+				<attach name="disposing">
+					inserthtml5menu.dispose();
+				</attach>
+				<panel jsml-base="floatmenu" jsml-local="inserthtml5menu" jsml-append="false">
+					<panel jsml-base="rtemenuitem" command="InsertWbr" text="@INSERT| &lt;wbr&gt;" imagename="newtag" />
+					<panel jsml-base="rtemenuitem" command="Mark" text="@INSERT| &lt;mark&gt;" imagename="newtag" />
+					<panel jsml-base="rtemenuitem" command="InsertDetails" text="@INSERT| &lt;details&gt;" imagename="newtag" />
+					<panel jsml-base="rtemenuitem" command="InsertSection" text="@INSERT| &lt;section&gt;" imagename="newtag" />
+					<panel jsml-base="rtemenuitem" command="InsertArticle" text="@INSERT| &lt;article&gt;" imagename="newtag" />
+					<panel jsml-base="rtemenuitem" command="InsertHeader" text="@INSERT| &lt;header&gt;" imagename="newtag" />
+					<panel jsml-base="rtemenuitem" command="InsertFooter" text="@INSERT| &lt;footer&gt;" imagename="newtag" />
+					<panel jsml-base="rtemenuitem" command="InsertHGroup" text="@INSERT| &lt;hgroup&gt;" imagename="newtag" />
+					<panel jsml-base="rtemenuitem" command="InsertAside" text="@INSERT| &lt;aside&gt;" imagename="newtag" />
+					<panel jsml-base="rtemenuitem" command="InsertAudio" text="@INSERT| &lt;audio&gt;" imagename="newtag" />
+					<panel jsml-base="rtemenuitem" command="InsertVideo" text="@INSERT| &lt;video&gt;" imagename="newtag" />
+				</panel>
+			</image>
+			<image jsml-base="image_{skin}_{color}" command="ExecPlugin" arguments="googlemap" tooltip="@GOOGLEMAP" imagename="map"/>
+		</panel>
+
+		<panel jsml-base="tbgroup_{skin}_{color}">
+			<image jsml-base="image_{skin}_{color}" command="Bold" tooltip="@BOLD" />
+			<image jsml-base="image_{skin}_{color}" command="Italic" tooltip="@ITALIC" />
+			<image jsml-base="image_{skin}_{color}" command="Underline" tooltip="@UNDERLINE" imagename="under" />
+			<image jsml-base="image_{skin}_{color}" command="Linethrough" tooltip="@LINETHROUGH" imagename="strike" />
+			<image jsml-base="image_{skin}_{color}" command="Overline" tooltip="@OVERLINE" />
+
+			<image jsml-base="image_{skin}_{color}" command="Superscript" tooltip="@SUPERSCRIPT" />
+			<image jsml-base="image_{skin}_{color}" command="Subscript" tooltip="@SUBSCRIPT" />
+			<image jsml-base="image_{skin}_{color}" command="Ucase" tooltip="@UPPERCASE" />
+			<image jsml-base="image_{skin}_{color}" command="Lcase" tooltip="@LOWERCASE" />
+
+		</panel>
+
+		<panel jsml-base="tbgroup_{skin}_{color}">
+
+			<panel jsml-base="splitbtn_{skin}_{color}" command="ForeColor" tooltip="@TEXTCOLOR">
+				<jsml-ref name="rtecommandcolor"/>
+			</panel>
+			<panel jsml-base="splitbtn_{skin}_{color}" command="BackColor" tooltip="@BACKCOLOR">
+				<jsml-ref name="rtecommandcolor"/>
+			</panel>
+
+		</panel>
+		<panel jsml-base="tbgroup_{skin}_{color}">
+			<image jsml-base="image_{skin}_{color}" command="RemoveFormat" tooltip="@REMOVEFORMAT" imagename="unformat" />
+			<panel jsml-base="splitbtn_{skin}_{color}" tooltip="@FORMATPAINTER" imagename="formatpainter">
+				<attach name="click" arguments="je,e">
+					<![CDATA[
+						if(e.ctrlKey||e.altKey)
+							return self._rteinstance.ExecCommand("formatpainterfetch")
+						if(self._rteinstance.CanExecCommand("formatpainterapply"))
+							self._rteinstance.ExecCommand("formatpainterapply")
+						else
+							self.invoke_event("splitclick");
+						]]>
+				</attach>
+				<attach name="splitclick">
+					formatpaintermenu.show({control:self,stopDispose:true});
+				</attach>
+				<attach name="editor_ready" arguments="jevent,editor">
+					formatpaintermenu.invoke_recursive("editor_ready",editor);
+				</attach>
+				<attach name="disposing">
+					formatpaintermenu.dispose();
+				</attach>
+				<panel jsml-base="floatmenu" jsml-local="formatpaintermenu" jsml-append="false">
+					<panel jsml-base="rtemenuitem" command="formatpainterfetch" imagename="copy" text="@FORMATPAINTERFETCH"  />
+					<panel jsml-base="rtemenuitem" command="formatpainterapply" imagename="formatpainter" text="@FORMATPAINTERAPPLY"  />
+					<panel jsml-base="rtemenuitem" command="formatpainterclear" imagename="newdoc" text="@FORMATPAINTERCLEAR"  />
+				</panel>
+			</panel>
+		</panel>
+
+		<panel jsml-base="tbgroup_{skin}_{color}">
+
+			<image jsml-base="image_{skin}_{color}" command="JustifyLeft" tooltip="@JUSTIFYLEFT" imagename="left" />
+			<image jsml-base="image_{skin}_{color}" command="JustifyCenter" tooltip="@JUSTIFYCENTER" imagename="center" />
+			<image jsml-base="image_{skin}_{color}" command="JustifyRight" tooltip="@JUSTIFYRIGHT" imagename="right" />
+			<image jsml-base="image_{skin}_{color}" command="JustifyFull" tooltip="@JUSTIFYFULL" />
+			<image jsml-base="image_{skin}_{color}" command="JustifyNone" tooltip="@JUSTIFYNONE" noactive="true" />
+
+		</panel>
+		<panel jsml-base="tbgroup_{skin}_{color}">
+
+			<panel jsml-base="splitbtn_{skin}_{color}" command="InsertOrderedList" tooltip="@ORDEREDLIST" imagename="numlist" >
+				<attach name="splitclick">
+					listolmenu.show({control:self,stopDispose:true});
+				</attach>
+				<attach name="editor_ready" arguments="jevent,editor">
+					listolmenu.invoke_recursive("editor_ready",editor);
+				</attach>
+				<attach name="disposing">
+					listolmenu.dispose();
+				</attach>
+				<panel jsml-base="floatmenu" jsml-local="listolmenu" jsml-append="false">
+					<panel jsml-base="rtemenuitem"  command="InsertOrderedList" arguments="decimal" noactive="1" text="1,2,3,4,5"  />
+					<panel jsml-base="rtemenuitem" command="InsertOrderedList" arguments="lower-latin" noactive="1" text="a,b,c,d,e"  />
+					<panel jsml-base="rtemenuitem" command="InsertOrderedList" arguments="lower-roman" noactive="1" text="ⅰ,ⅱ,ⅲ,ⅳ,ⅴ"  />
+					<panel jsml-base="rtemenuitem" command="InsertOrderedList" arguments="upper-latin" noactive="1" text="A,B,C,D,E"  />
+					<panel jsml-base="rtemenuitem" command="InsertOrderedList" arguments="upper-roman" noactive="1" text="Ⅰ,Ⅱ,ⅢⅢ,Ⅳ,Ⅴ"  />
+					<!--<panel jsml-base="rtemenuitem" command="InsertOrderedList" arguments="cjk-ideographic" text="一,二,三,四,五"  />-->
+					<!-- NOTE:check the css list-style-type -->
+				</panel>
+			</panel>
+
+
+			<panel jsml-base="splitbtn_{skin}_{color}" command="InsertUnorderedList" tooltip="@UNORDEREDLIST" imagename="bullist">
+				<attach name="splitclick">
+					listulmenu.show({control:self,stopDispose:true});
+				</attach>
+				<attach name="editor_ready" arguments="jevent,editor">
+					listulmenu.invoke_recursive("editor_ready",editor);
+				</attach>
+				<attach name="disposing">
+					listulmenu.dispose();
+				</attach>
+				<panel jsml-base="floatmenu" jsml-local="listulmenu" jsml-append="false">
+					<panel jsml-base="rtemenuitem" command="InsertUnorderedList" arguments="disc" noactive="1" imagename="ul-disc" text="@UL_DISC"  />
+					<panel jsml-base="rtemenuitem" command="InsertUnorderedList" arguments="circle" noactive="1" imagename="ul-circle" text="@UL_CIRCLE"  />
+					<panel jsml-base="rtemenuitem" command="InsertUnorderedList" arguments="square" noactive="1" imagename="ul-square" text="@UL_SQUARE"  />
+				</panel>
+			</panel>
+
+			<image jsml-base="image_{skin}_{color}" command="Outdent" tooltip="@OUTDENT" />
+			<image jsml-base="image_{skin}_{color}" command="Indent" tooltip="@INDENT" />
+		</panel>
+		<panel jsml-base="tbgroup_{skin}_{color}">
+
+			<image jsml-base="image_{skin}_{color}" command="InsertBlockQuote" tooltip="@INSERTBLOCKQUOTE" imagename="blockquote" />
+			<image jsml-base="image_{skin}_{color}" command="InsertBreak" tooltip="@INSERTBREAKRULE" imagename="break" />
+			<!--
+			<image jsml-base="image_{skin}_{color}" command="InsertWbr" tooltip="@INSERTWBR" imagename="wbr" />
+			-->
+			<image jsml-base="image_{skin}_{color}" command="InsertDiv" tooltip="@INSERTDIV" imagename="div" />
+			<image jsml-base="image_{skin}_{color}" command="InsertParagraph" tooltip="@INSERTPARAGRAPH" imagename="p" />
+			<image jsml-base="image_{skin}_{color}" command="InsertHorizontalRule" tooltip="@INSERTHORIZONTALRULE" imagename="rule" />
+			<image jsml-base="image_{skin}_{color}" command="InsertPageBreak" tooltip="@INSERTPAGEPRINTBREAK" imagename="InsertPageBreak" />
+			<image jsml-base="image_{skin}_{color}" command="InsertTopLine" tooltip="@INSERTTOPLINE" imagename="topline" />
+			<image jsml-base="image_{skin}_{color}" command="InsertBottomLine" tooltip="@INSERTBOTTOMLINE" imagename="bottomline" />
+
+		</panel>
+
+
+		<panel jsml-base="tbgroup_{skin}_{color}">
+			<initialize>
+				self._element.setAttribute("noradius","1");
+			</initialize>
+
+			<panel jsml-base="dropdown_{skin}_{color}" command="ShowXmlFloatbox" arguments="setparagraph.xml" width="90" text="@Paragraphs" stylename="paragraph" />
+
+			<panel jsml-base="dropdown_{skin}_{color}" command="ShowXmlFloatbox" arguments="setstyles.xml" width="90" text="@Styles" />
+			
+			<panel jsml-base="dropdown_{skin}_{color}" command="ShowXmlFloatbox" arguments="setfontname.xml" width="80" text="@FontName" stylename="fontname" />
+			<panel jsml-base="dropdown_{skin}_{color}" command="ShowXmlFloatbox" arguments="setfontsize.xml" width="70" text="@FontSize" stylename="fontsize" />
+
+		</panel>
+
+
+		<panel jsml-base="tbgroup_{skin}_{color}">
+			<panel jsml-base="splitbtn_{skin}_{color}" command="InsertLink" tooltip="@INSERTLINK" imagename="link" />
+			<image jsml-base="image_{skin}_{color}" command="UnLink" tooltip="@REMOVE| |@LINK" imagename="unlink" />
+			<image jsml-base="image_{skin}_{color}" command="InsertAnchor" tooltip="@INSERTANCHOR" imagename="anchor" />
+			<image jsml-base="image_{skin}_{color}" command="InsertImageMap" tooltip="@INSERTIMAGEMAP" imagename="imagemap" />
+
+			<panel jsml-base="splitbtn_{skin}_{color}" command="InsertDate" tooltip="@INSERTDATE" imagename="insertdate" />
+			<image jsml-base="image_{skin}_{color}" command="ExecPlugin" arguments="insertchars" tooltip="@INSERTCHARS" imagename="specialchar" />
+			<image jsml-base="image_{skin}_{color}" command="ExecPlugin" arguments="virtualkeyboard" tooltip="@VIRTUALKEYBOARD" imagename="keyboard" />
+
+		</panel>
+
+
+		<panel jsml-base="tbgroup_{skin}_{color}">
+
+			<image jsml-base="image_{skin}_{color}" command="InsertBox" tooltip="@INSERTBOX" imagename="box" />
+			<image jsml-base="image_{skin}_{color}" command="InsertLayer" tooltip="@INSERTLAYER" imagename="layer" />
+			<image jsml-base="image_{skin}_{color}" command="InsertFieldSet" tooltip="@INSERTFIELDSET" imagename="groupbox" />
+			<panel jsml-base="splitbtn_{skin}_{color}" command="InsertTable"  tooltip="@INSERTTABLE">
+				<attach name="splitclick">
+					var editor=self.find_editor();
+					editor.ShowXmlFloatBox(editor.BuildDialogUrl("inserttable.xml"),{control:self,stopDispose:true});
+					//alert(editor.ShowXmlFloatBox);
+					//editor.ShowXmlFloatbox("inserttable.xml",{control:self,stopDispose:true});
+				</attach>
+			</panel>
+
+			<panel jsml-base="splitbtn_{skin}_{color}" tooltip="@INSERTFORM" imagename="InsertForm" >
+				<attach name="click,splitclick">
+					insertformmenu.show({control:self,stopDispose:true});
+				</attach>
+				<attach name="editor_ready" arguments="jevent,editor">
+					insertformmenu.invoke_recursive("editor_ready",editor);
+				</attach>
+				<attach name="disposing">
+					insertformmenu.dispose();
+				</attach>
+				<panel jsml-base="floatmenu" jsml-local="insertformmenu" jsml-append="false">
+
+					<panel jsml-base="rtemenuitem" command="InsertForm" text="@INSERTFORM" />
+					<panel jsml-base="rtemenuitem" command="InsertTextarea" text="@INSERTTEXTAREA" imagename="textarea" />
+					<panel jsml-base="rtemenuitem" command="InsertInpText" text="@INSERTINPTEXT" imagename="textbox" />
+					<panel jsml-base="rtemenuitem" command="InsertInpPassword" text="@INSERTINPPASSWORD" imagename="passwordfield" />
+					<panel jsml-base="rtemenuitem" command="InsertInpHidden" text="@INSERTINPHIDDEN" imagename="hiddenfield" />
+					<panel jsml-base="rtemenuitem" command="InsertInpFile" text="@INSERTINPFILE" imagename="document"/>
+					<panel jsml-base="rtemenuitem" command="InsertInpImage" text="@INSERTINPIMAGE" imagename="image" />
+					<panel jsml-base="rtemenuitem" command="InsertInpReset" text="@INSERTINPRESET" imagename="reset" />
+					<panel jsml-base="rtemenuitem" command="InsertInpSubmit" text="@INSERTINPSUBMIT" imagename="submit" />
+					<panel jsml-base="rtemenuitem" command="InsertRadioBox" text="@INSERTRADIOBOX" imagename="optionbutton" />
+					<panel jsml-base="rtemenuitem" command="InsertCheckbox" text="@INSERTCHECKBOX" imagename="checkbox" />
+					<panel jsml-base="rtemenuitem" command="InsertInpButton" text="@INSERTINPBUTTON" imagename="pushbutton" />
+					<panel jsml-base="rtemenuitem" command="InsertButton" text="@INSERTBUTTON" imagename="pushbutton" />
+					<panel jsml-base="rtemenuitem" command="InsertDropDown" text="@INSERTDROPDOWN" imagename="dropdownbox" />
+					<panel jsml-base="rtemenuitem" command="InsertListbox" text="@INSERTLISTBOX" imagename="listbox" />
+
+				</panel>
+			</panel>
+			<image jsml-base="image_{skin}_{color}" command="ToggleBorder" imagename="borders" />
+			<image jsml-base="image_{skin}_{color}" command="ExecPlugin" arguments="pageproperties" tooltip="@PAGEPROPERTIES" imagename="properties" />
+			<image jsml-base="image_{skin}_{color}" command="Help"  tooltip="@HELP" />
+		</panel>
+
+	</jsml-def>
+
+
+
+</jsml>
+

LPWeb20/RichtextEditor/skins/office2003/toolbar_template.xml

@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<jsml xmlns="http://cutesoft.net/jsml"
+xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://cutesoft.net/jsml ../../core/jsml.xsd">
+
+
+	<include src="{folder}skins/_shared/_toolbartemplate.xml?{timems}" />
+
+	<jsml-def name="toolbar_{toolbar}_{skin}_{color}">
+		<method name="find_config">
+			<![CDATA[
+			for(var ctrl=self;ctrl!=null;ctrl=ctrl.get_jsml_parent())
+				if(ctrl._rteconfig)return ctrl._rteconfig;
+			]]>
+		</method>
+		<attach name="editor_ready" arguments="je,editor">
+			editor.ParseItemList(self,editor._config.toolbaritems||editor._config.toolbars[editor._config.toolbar]||"");
+		</attach>
+	</jsml-def>
+
+</jsml>
+
+
+