shu/LPWeb
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Initial Commit Update Telerik

Browse Source
This commit is contained in:
Stefan Hutter
2022-01-07 19:26:33 +01:00
commit 57e1cda236
2174 changed files with 1202494 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

523
LPWeb20/RichtextEditor/skins/office2007/skin.css Normal file
View File

@@ -0,0 +1,523 @@
.tbgroup_office2007
{
-o-border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
}
.tbgroup_office2007[noradius]
{
-o-border-radius:0px;
-moz-border-radius:0px;
-webkit-border-radius:0px;
}
/* default blue */
.rteskin_blue
{
border-width:1px;
border-style:solid;
border-color:#7e9db9;
background-color:#ccdcee;
}
.tbtoolbar_blue
{
background-color:#dfebf6;
}
.rteskin_blue .rtetoolbarwithribbon
{
background-image:url(../../styles/images/tbtoolbar_blue.png);
background-repeat:repeat-x;
background-position:0 1px;
}
.ribbon_blue
{
-o-border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-style:solid;
border-width:1px;
border-color:#bdd4f0;
border-top-color:#c5d2df;
border-left-color:#b7c8d7;
border-right-color:#b8c9d7;
border-bottom-color:#9ebfdb;
background-image:url(../../styles/images/tbribbon_blue.png);
background-repeat:repeat-x;
}
.ribbon_blue .ribbonlabel
{
color:#3e6ac1;
background-color:#c1d9f1;
background-image:url(../../styles/images/rblabel_blue.png);
background-repeat:repeat-x;
font-family:tahoma!important;
font-size:11px!important;
border-left:solid 1px #d2eaf2;
border-bottom-left-radius:3px;
border-bottom-right-radius:3px;
}
.tbgroup_blue
{
border-style:solid;
border-width:1px;
border-color:#9cb9dc;
background-image:url(../../styles/images/tbgroup_blue.png);
background-repeat:repeat-x;
}
.dropdown_blue
{
border-color:#abc1de;
background-color:#eff5fc;
}
.dropdown_blue .dropdownsplit
{
border-left-style:solid;
border-left-width:1px;
}
.splitbtn_blue
{
background-color:transparent;
}
.slitbtn_blue .splitbtnsplit
{
border-left-style:solid;
border-left-width:1px;
}
.tbcontrol_blue , .splitbtn_blue , .dropdown_blue
{
border-left-style:solid;
border-right-style:solid;
border-left-width:1px;
border-right-width:1px;
border-left-color:#d8e6f7;
border-right-color:#abc1de;
}
.dropdown_blue
{
border-left-width:0px;
border-right-color:#abc1de;
}
.rbimage_blue
{
background-image:url(../../styles/images/tbribbon_blue.png);
-o-border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
.rteskin_blue .rtelayouttop
{
border-bottom-color:#7e9db9!important;
}
.rteskin_blue .rtelayoutbottom
{
border-top-color:#7e9db9!important;
}
/* silver */
.rteskin_silver
{
border-width:1px;
border-style:solid;
border-color:#bebfc1;
background-color:#e3e7ea;
}
.tbtoolbar_silver
{
background-color:#e3e7ea;
}
.rteskin_silver .rtetoolbarwithribbon
{
background-image:url(../../styles/images/tbtoolbar_silver.png);
background-repeat:repeat-x;
background-position:0 1px;
}
.ribbon_silver
{
-o-border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-style:solid;
border-width:1px;
border-color:#bdd4f0;
border-top-color:#c5d2df;
border-left-color:#bebfc1;
border-right-color:#bebfc1;
border-bottom-color:#bebfc1;
background-image:url(../../styles/images/tbribbon_silver2007.png);
background-repeat:repeat-x;
}
.ribbon_silver .ribbonlabel
{
color:#333333;
background-color:#d2d6e1;
font-family:tahoma!important;
font-size:11px!important;
border-left:solid 1px #e3e7f2;
border-bottom-left-radius:3px;
border-bottom-right-radius:3px;
}
.tbgroup_silver
{
border-style:solid;
border-width:1px;
border-color:#a9b1b8;
background-image:url(../../styles/images/tbgroup_silver.png);
background-repeat:repeat-x;
}
.dropdown_silver
{
border-color:#cccccc;
background-color:white;
}
.dropdown_silver .dropdownsplit
{
border-left-style:solid;
border-left-width:1px;
}
.splitbtn_silver
{
background-color:transparent;
}
.slitbtn_silver .splitbtnsplit
{
border-left-style:solid;
border-left-width:1px;
}
.tbcontrol_silver , .splitbtn_silver , .dropdown_silver
{
border-left-style:solid;
border-right-style:solid;
border-left-width:1px;
border-right-width:1px;
border-left-color:#eeeeee;
border-right-color:#cccccc;
}
.dropdown_silver
{
border-left-width:0px;
border-right-color:#cccccc;
}
.rbimage_silver
{
background-image:url(../../styles/images/tbribbon_silver2007.png);
-o-border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
/* silver2 */
.rteskin_silver2
{
border-width:1px;
border-style:solid;
border-color:#bebfc1;
background-color:#e3e7ea;
}
.tbtoolbar_silver2
{
background-color:#e2e3e3;
}
.rteskin_silver2 .rtetoolbarwithribbon
{
background-image:url(../../styles/images/tbtoolbar_silver2.png);
background-position:left bottom;
background-repeat:repeat-x;
}
.ribbon_silver2
{
border:dotted 1px #cccccc;
-o-border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
}
.ribbon_silver2 .ribbonlabel
{
color:#666d7c;
background-color:transparent;
font-family:Tahoma!important;
font-size:11px!important;
}
.tbgroup_silver2
{
border-style:solid;
border-width:1px;
border-color:#bdbdbd;
background-image:url(../../styles/images/tbgroup_silver2.png);
background-repeat:repeat-x;
}
.dropdown_silver2
{
border-color:#bdbdbd;
background-color:white;
}
.dropdown_silver2 .dropdownsplit
{
border-left-style:solid;
border-left-width:1px;
background-image:url(../../styles/images/tbgroup_silver2.png);
background-repeat:repeat-x;
}
.splitbtn_silver2
{
background-color:transparent;
}
.slitbtn_silver2 .splitbtnsplit
{
border-left-style:solid;
border-left-width:1px;
}
.tbcontrol_silver2 , .splitbtn_silver2 , .dropdown_silver2
{
border-left-style:solid;
border-right-style:solid;
border-left-width:1px;
border-right-width:1px;
border-left-color:#eeeeee;
border-right-color:#cccccc;
}
.dropdown_silver2
{
border-left-width:0px;
border-right-color:#cccccc;
}
.rbimage_silver2
{
background-image:url(../../styles/images/tbribbon_silver2.png);
-o-border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
/* checked */
.menuitem_checked .menuitemimage
{
background-color:#eeddcc;
}
.imagebutton_checked , .panelbutton_checked
{
border-color:#999999;
background-image:url(../../styles/images/tbcontrol_checked.png);
}
.tbcontrol_blue_checked,.splitbtn_blue_checked
{
background-color:transparent;
background-image:url(../../styles/images/tbcontrol_checked.png);
background-repeat:repeat-x;
border-left-color:transparent;
border-right-color:#9db4d0;
}
.tbcontrol_silver_checked,.splitbtn_silver_checked,.tbcontrol_silver2_checked,.splitbtn_silver2_checked
{
background-color:transparent;
background-image:url(../../styles/images/tbcontrol_checked.png);
background-repeat:repeat-x;
border-left-color:transparent;
border-right-color:#9db4d0;
}
/* hovered */
.menuitem_hovered , .imagebutton_hovered , .panelbutton_hovered
{
border-color:#ffbd69;
background-color:#ffe7a2;
/*background-image:url(../../styles/images/tbcontrol_hovered.png);
background-repeat:repeat-x;*/
}
/*
.ribbon_blue_hovered .ribbonlabel
{
rem-background: -webkit-gradient(linear, 0 0, 0 100%, from(#c1d9f1),color-stop(40%, #b9d1e9),color-stop(60%, #b9d1e9), to(#c1d9f1));
}
*/
.dropdown_blue_hovered
{
border-color:#abc1de;
background-color:white;
}
.dropdown_blue_hovered .dropdownsplit
{
border-color:#cccccc;
background-color:#eeeeee;
}
.splitbtn_blue_hovered .splitbtnsplit
{
border-color:#abc1de;
}
.tbcontrol_blue_hovered,.splitbtn_blue_hovered
{
background-color:transparent;
background-image:url(../../styles/images/tbcontrol_hovered.png);
background-repeat:repeat-x;
border-left-color:transparent;
border-right-color:#9db4d0;
}
.rbimage_blue_hovered
{
background-image:url(../../styles/images/rbimage_hovered.png);
}
.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:#abc1de;
}
.tbcontrol_silver_hovered,.splitbtn_silver_hovered
{
background-color:transparent;
background-image:url(../../styles/images/tbcontrol_hovered.png);
background-repeat:repeat-x;
border-left-color:transparent;
border-right-color:#9db4d0;
}
.rbimage_silver_hovered
{
background-image:url(../../styles/images/rbimage_hovered.png);
}
.rteskin_silver .rtelayouttop
{
border-bottom-color:#bebfc1!important;
}
.rteskin_silver .rtelayoutbottom
{
border-top-color:#bebfc1!important;
}
.dropdown_silver2_hovered
{
border-color:#abc1de;
background-color:white;
}
.dropdown_silver2_hovered .dropdownsplit
{
border-color:#cccccc;
background-color:#eeeeee;
}
.splitbtn_silver2_hovered .splitbtnsplit
{
border-color:#abc1de;
}
.tbcontrol_silver2_hovered,.splitbtn_silver2_hovered
{
background-color:transparent;
background-image:url(../../styles/images/tbcontrol_hovered.png);
background-repeat:repeat-x;
border-left-color:transparent;
border-right-color:#9db4d0;
}
.rbimage_silver2_hovered
{
background-image:url(../../styles/images/rbimage_hovered.png);
}
.rteskin_silver2 .rtelayouttop
{
border-bottom-color:#bebfc1!important;
}
.rteskin_silver2 .rtelayoutbottom
{
border-top-color:#bebfc1!important;
}
/* clicked */
.menuitem_clicked , .imagebutton_clicked , .panelbutton_clicked
{
border-color:#abc1de;
background-color:#ffc450;
/*background-image:url(../../styles/images/tbcontrol_clicked.png);
background-repeat:repeat-x;*/
}
.dropdown_blue_clicked
{
border-color:#abc1de;
background-color:gold;
}
.dropdown_blue_clicked .dropdownsplit
{
border-color:#abc1de;
}
.tbcontrol_blue_clicked,.splitbtn_blue_clicked
{
background-color:transparent;
background-image:url(../../styles/images/tbcontrol_clicked.png);
background-repeat:repeat-x;
border-right-color:#9db4d0;
}
.rbimage_blue_clicked
{
background-image:url(../../styles/images/rbimage_clicked.png);
}
.dropdown_silver_clicked
{
border-color:#abc1de;
background-color:gold;
}
.dropdown_silver_clicked .dropdownsplit
{
border-color:#abc1de;
}
.tbcontrol_silver_clicked,.splitbtn_silver_clicked
{
background-color:transparent;
background-image:url(../../styles/images/tbcontrol_clicked.png);
background-repeat:repeat-x;
border-right-color:#9db4d0;
}
.rbimage_silver_clicked
{
background-image:url(../../styles/images/rbimage_clicked.png);
}
.dropdown_silver2_clicked
{
border-color:#abc1de;
background-color:gold;
}
.dropdown_silver2_clicked .dropdownsplit
{
border-color:#abc1de;
}
.tbcontrol_silver2_clicked,.splitbtn_silver2_clicked
{
background-color:transparent;
background-image:url(../../styles/images/tbcontrol_clicked.png);
background-repeat:repeat-x;
border-right-color:#9db4d0;
}
.rbimage_silver2_clicked
{
background-image:url(../../styles/images/rbimage_clicked.png);
}
/* disabled */

109
LPWeb20/RichtextEditor/skins/office2007/skin.xml Normal file
View File

@@ -0,0 +1,109 @@
<?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="2" padding="3,3,0,4" height="104" width="32" >
<label dock="bottom" jsml-local="label" css_class="ribbonlabel" height="15" margin="0,-5,0,-4" text="ribbon" font_size="11px" width="20" vertical_align="bottom" horizontal_align="center">
<jsml-ref name="rteborderstyle"/>
</label>
<attach name="set_text">
label.set_text(self.get_text());
</attach>
<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,3,3,2" height="22" 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[
self.set_padding([0,-1,0,-1])
var p=self.get_parent();
var cn=p._element.className;
if(cn&&cn.indexOf("ribbon_")==-1)
self.set_margin([1,2,1,2]);
]]>
</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>
</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>

470
LPWeb20/RichtextEditor/skins/office2007/toolbar_custom.xml Normal file
View File

@@ -0,0 +1,470 @@
<?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}">
<initialize>
self.toggle_css_class("rtetoolbarwithribbon",true);
</initialize>
<panel jsml-base="ribbon_{skin}_{color}" text="@COMMON">
<panel jsml-base="tbgroup_{skin}_{color}" dock="none" overflow_y="visible">
<image jsml-base="ribbonimage_{skin}_{color}" command="Paste" imagename="ribbonpaste" tooltip="@PASTE" width="44" height="47" vertical_align="middle" horizontal_align="center"/>
</panel>
<panel left="49" overflow="visible">
<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="ExecPlugin" arguments="spellcheck" tooltip="@SPELLCHECK" imagename="spell" />
</panel>
<panel jsml-base="tbgroup_{skin}_{color}">
<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>
<image jsml-base="image_{skin}_{color}" command="Delete" tooltip="@DELETE" />
<image jsml-base="image_{skin}_{color}" command="Find" tooltip="@FINDANDREPLACE" />
</panel>
</panel>
<panel top="54" overflow="visible">
<panel jsml-base="tbgroup_{skin}_{color}">
<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}" flow_clear="follow">
<image jsml-base="image_{skin}_{color}" command="Undo" tooltip="@UNDO" />
<image jsml-base="image_{skin}_{color}" command="Redo" tooltip="@REDO" />
</panel>
<panel jsml-base="tbgroup_{skin}_{color}" flow_clear="follow">
<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>
</panel>
<panel jsml-base="ribbon_{skin}_{color}" text="@FORMAT">
<panel jsml-base="tbgroup_{skin}_{color}">
<initialize>
self._element.setAttribute("noradius","1");
</initialize>
<panel jsml-base="dropdown_{skin}_{color}" command="ShowXmlFloatbox" arguments="setfontname.xml" width="88" text="@FontName" stylename="fontname" />
<panel jsml-base="dropdown_{skin}_{color}" command="ShowXmlFloatbox" arguments="setfontsize.xml" width="65" text="@FontSize" stylename="fontsize" />
</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" />
<panel jsml-base="splitbtn_{skin}_{color}" command="Underline" tooltip="@UNDERLINE" imagename="under" >
<attach name="splitclick">
decorationmenu.show({control:self,stopDispose:true});
</attach>
<attach name="editor_ready" arguments="jevent,editor">
decorationmenu.invoke_recursive("editor_ready",editor);
</attach>
<attach name="disposing">
decorationmenu.dispose();
</attach>
<panel jsml-base="floatmenu" jsml-local="decorationmenu" jsml-append="false">
<panel jsml-base="rtemenuitem" command="Linethrough" text="@LINETHROUGH" imagename="strike" />
<panel jsml-base="rtemenuitem" command="Overline" text="@OVERLINE" imagename="Overline" />
</panel>
</panel>
</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="Superscript" tooltip="@SUPERSCRIPT" />
<image jsml-base="image_{skin}_{color}" command="Subscript" tooltip="@SUBSCRIPT" />
<panel jsml-base="splitbtn_{skin}_{color}" imagename="Ucase" tooltip="@CHANGECASE" >
<attach name="click,splitclick">
textcasemenu.show({control:self,stopDispose:true});
</attach>
<attach name="editor_ready" arguments="jevent,editor">
textcasemenu.invoke_recursive("editor_ready",editor);
</attach>
<attach name="disposing">
textcasemenu.dispose();
</attach>
<panel jsml-base="floatmenu" jsml-local="textcasemenu" jsml-append="false">
<panel jsml-base="rtemenuitem" command="Ucase" text="@UPPERCASE" />
<panel jsml-base="rtemenuitem" command="Lcase" text="@LOWERCASE" />
</panel>
</panel>
</panel>
<panel jsml-base="tbgroup_{skin}_{color}" flow_clear="follow">
<image jsml-base="image_{skin}_{color}" command="RemoveFormat" tooltip="@REMOVEFORMAT" imagename="unformat" />
<image jsml-base="image_{skin}_{color}" command="CleanCode" tooltip="@CLEANCODE" imagename="cleanup" />
<image jsml-base="image_{skin}_{color}" command="SelectAll" tooltip="@SELECTALL" />
</panel>
</panel>
<panel jsml-base="ribbon_{skin}_{color}" text="@PARAGRAPHS">
<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="82" text="@Paragraphs" stylename="paragraph" />
<panel jsml-base="dropdown_{skin}_{color}" command="ShowXmlFloatbox" arguments="setstyles.xml" width="62" text="@Styles" />
</panel>
<panel jsml-base="tbgroup_{skin}_{color}">
<panel jsml-base="splitbtn_{skin}_{color}" tooltip="@JUSTIFY" imagename="left">
<attach name="click,splitclick">
justifymenu.show({control:self,stopDispose:true});
</attach>
<attach name="editor_ready" arguments="jevent,editor">
justifymenu.invoke_recursive("editor_ready",editor);
</attach>
<attach name="disposing">
justifymenu.dispose();
</attach>
<attach name="update_statusui">
<![CDATA[
var editor=self.find_editor();
var arr=justifymenu.get_children();
for(var i=arr.length-1;i>=0;i--)
{
var item=arr[i];
var cmd=item.get_command();
if(!editor.QueryCommand(cmd))
continue;
if(self._lastjustify==cmd)
return;
self._lastjustify=cmd;
self.set_imagename(item.get_imagename());
self.set_checked(cmd!="JustifyNone");
return;
}
]]>
</attach>
<panel jsml-base="floatmenu" jsml-local="justifymenu" jsml-append="false">
<panel jsml-base="rtemenuitem" command="JustifyLeft" text="@JUSTIFYLEFT" imagename="left" />
<panel jsml-base="rtemenuitem" command="JustifyCenter" text="@JUSTIFYCENTER" imagename="center" />
<panel jsml-base="rtemenuitem" command="JustifyRight" text="@JUSTIFYRIGHT" imagename="right" />
<panel jsml-base="rtemenuitem" command="JustifyFull" text="@JUSTIFYFULL" imagename="justifyfull" />
<panel jsml-base="rtemenuitem" command="JustifyNone" text="@JUSTIFYNONE" imagename="justifynone" />
</panel>
</panel>
<panel jsml-base="splitbtn_{skin}_{color}" command="LineHeight" imagename="lineheight" tooltip="@LINEHEIGHT">
<attach name="click,splitclick">
lineheightmenu.show({control:self,stopDispose:true});
</attach>
<attach name="editor_ready" arguments="jevent,editor">
lineheightmenu.invoke_recursive("editor_ready",editor);
</attach>
<attach name="disposing">
lineheightmenu.dispose();
</attach>
<panel jsml-base="floatmenu" jsml-local="lineheightmenu" jsml-append="false">
<panel jsml-base="rtemenuitem" command="lineheight" imagename="blank20" arguments="100%" text="100%" />
<panel jsml-base="rtemenuitem" command="lineheight" imagename="blank20" arguments="110%" text="110%" />
<panel jsml-base="rtemenuitem" command="lineheight" imagename="blank20" arguments="115%" text="115%" />
<panel jsml-base="rtemenuitem" command="lineheight" imagename="blank20" arguments="120%" text="120%" />
<panel jsml-base="rtemenuitem" command="lineheight" imagename="blank20" arguments="130%" text="130%" />
<panel jsml-base="rtemenuitem" command="lineheight" imagename="blank20" arguments="140%" text="140%" />
<panel jsml-base="rtemenuitem" command="lineheight" imagename="blank20" arguments="150%" text="150%" />
<panel jsml-base="rtemenuitem" command="lineheight" imagename="blank20" arguments="160%" text="160%" />
<panel jsml-base="rtemenuitem" command="lineheight" imagename="blank20" arguments="180%" text="180%" />
<panel jsml-base="rtemenuitem" command="lineheight" imagename="blank20" arguments="200%" text="200%" />
<panel jsml-base="rtemenuitem" command="lineheight" imagename="blank20" arguments="250%" text="250%" />
<panel jsml-base="rtemenuitem" command="lineheight" imagename="blank20" arguments="300%" text="300%" />
<panel jsml-base="rtemenuspliter" />
<panel jsml-base="rtemenuitem" text="@TEXT| |@STYLES">
<attach name="click">
var editor=self.find_editor();
var node=editor.EnsureParagraph();
if(node)editor.ShowPropertiesDialog(node,{styletab:"text"})
</attach>
</panel>
</panel>
</panel>
<image jsml-base="image_{skin}_{color}" command="LTR" tooltip="@DIRECTION_LTR" imagename="dir_ltr" />
<image jsml-base="image_{skin}_{color}" command="RTL" tooltip="@DIRECTION_RTL" imagename="dir_rtl" />
<panel jsml-base="splitbtn_{skin}_{color}" command="InsertBreak" tooltip="@INSERTBREAKRULE" imagename="break" >
<attach name="splitclick">
insertbrmenu.show({control:self,stopDispose:true});
</attach>
<attach name="editor_ready" arguments="jevent,editor">
insertbrmenu.invoke_recursive("editor_ready",editor);
</attach>
<attach name="disposing">
insertbrmenu.dispose();
</attach>
<panel jsml-base="floatmenu" jsml-local="insertbrmenu" jsml-append="false">
<panel jsml-base="rtemenuitem" command="InsertWbr" text="@INSERTWBR" imagename="wbr" />
<panel jsml-base="rtemenuitem" command="InsertDiv" text="@INSERTDIV" imagename="div" />
<panel jsml-base="rtemenuitem" command="InsertParagraph" text="@INSERTPARAGRAPH" imagename="p" />
<panel jsml-base="rtemenuitem" command="InsertHorizontalRule" text="@INSERTHORIZONTALRULE" imagename="rule" />
<panel jsml-base="rtemenuitem" command="InsertPageBreak" text="@INSERTPAGEPRINTBREAK" imagename="InsertPageBreak" />
<panel jsml-base="rtemenuitem" command="InsertTopLine" text="@INSERTTOPLINE" imagename="topline" />
<panel jsml-base="rtemenuitem" command="InsertBottomLine" text="@INSERTBOTTOMLINE" imagename="bottomline" />
</panel>
</panel>
</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" />
<image jsml-base="image_{skin}_{color}" command="InsertBlockQuote" tooltip="@INSERTBLOCKQUOTE" imagename="blockquote" />
</panel>
</panel>
<panel jsml-base="ribbon_{skin}_{color}" text="@INSERT">
<panel jsml-base="tbgroup_{skin}_{color}" dock="none" overflow_y="visible">
<image jsml-base="ribbonimage_{skin}_{color}" command="ShowXmlFloatbox" arguments="inserttable.xml" imagename="ribbontable" tooltip="@INSERTTABLE" width="44" height="47" vertical_align="middle" horizontal_align="center"/>
</panel>
<panel left="49" overflow="visible">
<panel jsml-base="tbgroup_{skin}_{color}">
<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="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" />
<image jsml-base="image_{skin}_{color}" command="FullScreen" tooltip="@FULLSCREEN" imagename="fit" />
<image jsml-base="image_{skin}_{color}" command="ToggleBorder" tooltip="@TOGGLEBORDER" imagename="borders" />
<!--<image jsml-base="image_{skin}_{color}" command="ToggleBorderReverse" imagename="borders2" />-->
<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>
<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>
<panel top="54" overflow="visible">
<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" />
</panel>
<panel jsml-base="tbgroup_{skin}_{color}" flow_clear="follow">
<panel jsml-base="splitbtn_{skin}_{color}" command="InsertTemplate" tooltip="@INSERTTEMPLATE" imagename="template" />
<image jsml-base="image_{skin}_{color}" command="InsertDocument" tooltip="@INSERTDOCUMENT" imagename="document" />
<image jsml-base="image_{skin}_{color}" command="InsertVideo" tooltip="@INSERTVIDEO" imagename="media" />
<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>
</panel>
</jsml-def>
</jsml>

23
LPWeb20/RichtextEditor/skins/office2007/toolbar_template.xml Normal file
View File

@@ -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>