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

758
LPWeb20/RichtextEditor/skins/office2010/skin.css Normal file
View File

@@ -0,0 +1,758 @@
/* default blue */
.rteskin_blue
{
border-width:1px;
border-style:solid;
border-color:#9abcd5;
background-color:#dbe5ef;
}
.tbtoolbar_office2010_blue
{
background-color:#f0f7fe;
background-image:url(../../styles/images/tbribbon_lightblue.png);
background-position:left bottom;
background-repeat:repeat-x;
}
.ribbon_blue
{
background-image:url(../../styles/images/rbribbon_blue.png);
background-position:right bottom;
background-repeat:no-repeat;
padding-right:3px;
}
.ribbon_blue:last-child
{
background-image:none;
}
.ribbon_blue .ribbonlabel
{
color:#1e395b;
background-color:transparent;
font-family:Tahoma!important;
font-size:11px!important;
}
.tbgroup_blue
{
border-left:1px solid #d6dae3;
}
.tbgroup_office2010_blue
{
border-left-width:0px;
}
.dropdown_blue
{
border:1px solid #afbed1;
background-color:#f3f7fc;
}
.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;
}
.tbcontrol_office2010_blue,.splitbtn_office2010_blue
{
border:1px solid transparent;
}
.rbimage_blue
{
border:1px solid transparent;
}
.dropdown_blue_hovered
{
border-color:#abc1de;
background-color:white;
}
.dropdown_blue_hovered .dropdownsplit
{
border-color:#afbed1;
background-color:#fdd017;
}
.splitbtn_blue_hovered .splitbtnsplit
{
border-color:#D6D9E2;
}
.tbcontrol_blue_hovered,.splitbtn_blue_hovered
{
border-color:#c2762b;
background-color:transparent;
background-image:url(../../styles/images/tbcontrol_hovered.png);
background-repeat:repeat-x;
}
.tbcontrol_office2010_blue_hovered,.splitbtn_office2010_blue_hovered
{
border-color:#abbad0;
}
.rbimage_blue_hovered
{
background-image:url(../../styles/images/rbimage_hovered.png);
border-color:#abbad0;
}
.dropdown_blue_clicked
{
border-color:#abc1de;
background-color:#ffd700;
}
.dropdown_blue_clicked .dropdownsplit
{
border-color:#abc1de;
}
.tbcontrol_blue_clicked,.splitbtn_blue_clicked
{
border-color:#c2762b;
background-color:transparent;
background-image:url(../../styles/images/tbcontrol_clicked.png);
background-repeat:repeat-x;
}
.tbcontrol_office2010_blue_clicked,.splitbtn_office2010_blue_clicked
{
border-color:#abbad0;
}
.rbimage_blue_clicked
{
background-image:url(../../styles/images/rbimage_clicked.png);
}
.rteskin_blue .rtelayouttop
{
border-bottom-color:#9abcd5!important;
}
.rteskin_blue .rtelayoutbottom
{
border-top-color:#9abcd5!important;
}
/*blue2*/
.tbgroup_blue2
{
-o-border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
}
.tbgroup_blue2[noradius]
{
-o-border-radius:0px;
-moz-border-radius:0px;
-webkit-border-radius:0px;
}
.rteskin_blue2
{
border-width:1px;
border-style:solid;
border-color:#9abcd5;
background-color:#dbe5ef;
}
.tbtoolbar_office2010_blue2
{
background-color:#f0f7fe;
background-image:url(../../styles/images/tbribbon_lightblue.png);
background-position:left bottom;
background-repeat:repeat-x;
}
.ribbon_blue2
{
background-image:url(../../styles/images/rbribbon_blue.png);
background-position:right bottom;
background-repeat:no-repeat;
padding-right:2px;
}
.ribbon_blue2:last-child
{
background-image:none;
}
.ribbon_blue2 .ribbonlabel
{
color:#1e395b;
background-color:transparent;
font-family:Tahoma!important;
font-size:11px!important;
}
.tbgroup_blue2
{
border-style:solid;
border-width:1px;
border-color:#b5bdc8;
background-image:url(../../styles/images/tbgroup_blue2010.png);
background-repeat:repeat-x;
}
.dropdown_blue2
{
background-color:#f3f7fc;
}
.dropdown_blue2 .dropdownsplit
{
border-left-style:solid;
border-left-width:1px;
}
.splitbtn_blue2
{
background-color:transparent;
}
.slitbtn_blue2 .splitbtnsplit
{
border-left-style:solid;
border-left-width:1px;
}
.tbcontrol_blue2 , .splitbtn_blue2 , .dropdown_blue2
{
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_blue2
{
border-left-width:0px;
border-right-color:#abc1de;
}
.tbgroup_blue2 .rbimage_blue2
{
background-image:url(../../styles/images/tbribbon_lightblue.png);
background-position:left top;
-o-border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
.dropdown_blue2_hovered
{
border-color:#abc1de;
background-color:white;
}
.dropdown_blue2_hovered .dropdownsplit
{
border-color:#afbed1;
background-color:#fdd017;
}
.splitbtn_blue2_hovered .splitbtnsplit
{
border-color:#D6D9E2;
}
.tbcontrol_blue2_hovered,.splitbtn_blue2_hovered
{
/*border-color:#808080;*/
background-color:transparent;
background-image:url(../../styles/images/tbcontrol_hovered.png);
background-repeat:repeat-x;
}
.tbcontrol_office2010_blue2_hovered,.splitbtn_office2010_blue2_hovered
{
/*border-color:#abbad0;*/
}
.rbimage_blue2_hovered
{
background-image:url(../../styles/images/rbimage_hovered.png);
border-color:#abbad0;
}
.dropdown_blue2_clicked
{
border-color:#abc1de;
background-color:#ffd700;
}
.dropdown_blue2_clicked .dropdownsplit
{
border-color:#abc1de;
}
.tbcontrol_blue2_clicked,.splitbtn_blue2_clicked
{
border-color:#808080;
background-color:transparent;
background-image:url(../../styles/images/tbcontrol_clicked.png);
background-repeat:repeat-x;
}
.tbcontrol_office2010_blue2_clicked,.splitbtn_office2010_blue2_clicked
{
border-color:#abbad0;
}
.rbimage_blue2_clicked
{
background-image:url(../../styles/images/rbimage_clicked.png);
}
.rteskin_blue2 .rtelayouttop
{
border-bottom-color:#9abcd5!important;
}
.rteskin_blue2 .rtelayoutbottom
{
border-top-color:#9abcd5!important;
}
/*silver*/
.rteskin_silver
{
border-width:1px;
border-style:solid;
border-color:#d9d9d9;
background-color:#efefef;
}
.tbtoolbar_silver{}
.tbtoolbar_office2010_silver
{
background-image:url(../../styles/images/tbribbon_lightsilver.png);
background-position:left bottom;
background-repeat:repeat-x;
background-color:#ffffff;
}
.ribbon_silver
{
background-image:url(../../styles/images/rbribbon_silver2010.png);
background-position:right bottom;
background-repeat:no-repeat;
padding-right:3px;
}
.ribbon_silver:last-child
{
background-image:none;
}
.ribbon_silver .ribbonlabel
{
color:#666d7c;
background-color:transparent;
font-family:Tahoma!important;
font-size:11px!important;
}
.tbgroup_silver
{
border-left:1px solid #bbbbbb;
background-repeat:repeat-x;
}
.tbgroup_office2010_silver
{
border-left-width:0px;
}
.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;
}
.tbcontrol_office2010_silver,.splitbtn_office2010_silver
{
border:1px solid transparent;
}
.rbimage_silver
{
border:1px solid transparent;
}
.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:#c2762b;
background-color:transparent;
background-image:url(../../styles/images/tbcontrol_hovered.png);
background-repeat:repeat-x;
}
.tbcontrol_office2010_silver_hovered,.splitbtn_office2010_silver_hovered
{
border-color:#c28f36;
}
.rbimage_silver_hovered
{
background-image:url(../../styles/images/rbimage_hovered.png);
border-color:#c28f36;
}
.dropdown_silver_clicked
{
border-color:#abc1de;
background-color:gold;
}
.dropdown_silver_clicked .dropdownsplit
{
border-color:#abc1de;
}
.tbcontrol_silver_clicked,.splitbtn_silver_clicked
{
border-color:#c2762b;
background-color:transparent;
background-image:url(../../styles/images/tbcontrol_clicked.png);
background-repeat:repeat-x;
}
.tbcontrol_office2010_silver_clicked,.splitbtn_office2010_silver_clicked
{
border-color:#abbad0;
}
.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;
}
/*silver2*/
.rteskin_silver2
{
border-width:1px;
border-style:solid;
border-color:#d9d9d9;
background-color:#efefef;
}
.tbtoolbar_office2010_silver2
{
background-image:url(../../styles/images/tbribbon_silver2010.png);
background-position:left bottom;
background-repeat:repeat-x;
background-color:#ffffff;
}
.ribbon_silver2
{
background-image:url(../../styles/images/rbribbon_silver2010.png);
background-position:right bottom;
background-repeat:no-repeat;
padding-right:3px;
}
.ribbon_silver2:last-child
{
background-image:none;
}
.ribbon_silver2 .ribbonlabel
{
color:#666d7c;
background-color:transparent;
font-family:Tahoma!important;
font-size:11px!important;
}
.tbgroup_silver2
{
border-left:1px solid #bbbbbb;
}
.tbgroup_office2010_silver2
{
border-left-width:0px;
border:1px solid #dfdfdf;
}
.dropdown_silver2
{
border-color:#d3d6d8;
background-color:#fefefe;
}
.dropdown_silver2 .dropdownsplit
{
border-left-style:solid;
border-left-width:1px;
}
.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:#d8e6f7;
border-right-color:#d3d6d8;
}
.dropdown_silver2
{
border-left-width:0px;
border-right-color:#d3d6d8;
}
.rbimage_silver2
{
border:1px solid transparent;
}
.tbcontrol_silver2, .splitbtn_silver2
{
border:1px solid transparent;
}
.splitbtn_silver2
{
border:1px solid transparent;
background-color:transparent;
}
.dropdown_silver2_hovered
{
border-color:#abc1de;
background-color:white;
}
.dropdown_silver2_hovered .dropdownsplit
{
border-color:#abc1de;
background-color:#fdd017;
}
.splitbtn_silver2_hovered .splitbtnsplit
{
border-color:#D6D9E2;
}
.tbcontrol_silver2_hovered,.splitbtn_silver2_hovered
{
border-color:#c2762b;
background-color:transparent;
background-image:url(../../styles/images/tbcontrol_hovered.png);
background-repeat:repeat-x;
}
.tbcontrol_office2010_silver2_hovered,.splitbtn_office2010_silver2_hovered
{
border-color:#c2762b;
}
.slitbtn_silver2 .splitbtnsplit
{
border-left-style:solid;
border-left-width:1px;
}
.tbcontrol_office2010_silver2,.splitbtn_office2010_silver2
{
border:1px solid transparent;
}
.rbimage_silver2_hovered
{
background-image:url(../../styles/images/rbimage_hovered.png);
border-color:#abbad0;
}
.dropdown_silver2_clicked
{
border-color:#abc1de;
background-color:#ffd700;
}
.dropdown_silver2_clicked .dropdownsplit
{
border-color:#abc1de;
}
.tbcontrol_silver2_clicked,.splitbtn_silver2_clicked
{
border-color:#c2762b;
background-color:transparent;
background-image:url(../../styles/images/tbcontrol_clicked.png);
background-repeat:repeat-x;
}
.tbcontrol_office2010_silver2_clicked,.splitbtn_office2010_silver2_clicked
{
border-color:#abbad0;
}
.rbimage_silver2_clicked
{
background-image:url(../../styles/images/rbimage_clicked.png);
}
.rteskin_silver2 .rtelayouttop
{
border-bottom-color:#d9d9d9!important;
}
.rteskin_silver2 .rtelayoutbottom
{
border-top-color:#d9d9d9!important;
}
/*black*/
.rteskin_black
{
border-width:1px;
border-style:solid;
border-color:#5f5f5f;
background-color:#c7c7c7;
}
.tbtoolbar_black{}
.tbtoolbar_office2010_black
{
background-color:#cacaca;
background-image:url(../../styles/images/tbribbon_black.png);
background-position:left bottom;
background-repeat:repeat-x;
}
.ribbon_black
{
background-image:url(../../styles/images/rbribbon_black.png);
background-position:left bottom;
background-repeat:no-repeat;
}
.ribbon_black:first-child
{
background-image:none;
}
.ribbon_black .ribbonlabel
{
color:black;
background-color:transparent;
font-family:tahoma!important;
font-size:11px!important;
}
.tbgroup_black
{
border-right:1px solid #d6dae3;
background-repeat:repeat-x;
}
.tbgroup_office2010_black
{
border-right-width:0px;
}
.dropdown_black
{
border:1px solid #919191;
background-color:#c9c9c9;
}
.dropdown_black .dropdownsplit
{
border-left-style:solid;
border-left-width:1px;
}
.slitbtn_black .splitbtnsplit
{
border-left-style:solid;
border-left-width:1px;
}
.tbcontrol_black, .splitbtn_black
{
border:1px solid transparent;
}
.splitbtn_black
{
border:1px solid #d3d5dc;
background-color:transparent;
}
.tbcontrol_office2010_black,.splitbtn_office2010_black
{
border:1px solid transparent;
}
.rbimage_black
{
border:1px solid transparent;
}
.dropdown_black_hovered
{
border-color:#919191;
background-color:#eeeeee;
}
.dropdown_black_hovered .dropdownsplit
{
border-color:#cccccc;
background-color:#eeeeee;
}
.splitbtn_black_hovered .splitbtnsplit
{
border-color:#d6d9e2;
}
.tbcontrol_black_hovered,.splitbtn_black_hovered
{
border-color:#c28f36;
background-color:transparent;
background-image:url(../../styles/images/tbcontrol_hovered.png);
background-repeat:repeat-x;
}
.tbcontrol_office2010_black_hovered,.splitbtn_office2010_black_hovered
{
border-color:#c28f36;
}
.rbimage_black_hovered
{
background-image:url(../../styles/images/rbimage_hovered.png);
border-color:#c28f36;
}
.dropdown_black_clicked
{
border-color:#abc1de;
background-color:#ffd700;
}
.dropdown_black_clicked .dropdownsplit
{
border-color:#abc1de;
}
.tbcontrol_black_clicked,.splitbtn_black_clicked
{
border-color:#c2762b;
background-color:transparent;
background-image:url(../../styles/images/tbcontrol_clicked.png);
background-repeat:repeat-x;
}
.tbcontrol_office2010_black_clicked,.splitbtn_office2010_black_clicked
{
border-color:#abbad0;
}
.rbimage_black_clicked
{
background-image:url(../../styles/images/rbimage_clicked.png);
}
teskin_black .rtelayouttop
{
border-bottom-color:#5f5f5f!important;
}
.rteskin_black .rtelayoutbottom
{
border-top-color:#5f5f5f!important;
}
/*checked*/
.tbcontrol_silver_checked,.splitbtn_silver_checked,.tbcontrol_blue_checked,.splitbtn_blue_checked,
.tbcontrol_black_checked,.splitbtn_black_checked
{
border-color:#c2762b;
border-width:1px;
background-color:transparent;
background-image:url(../../styles/images/tbcontrol_checked.png);
background-repeat:repeat-x;
}
.tbcontrol_blue2_checked,.splitbtn_blue2_checked
{
background-color:transparent;
background-image:url(../../styles/images/tbcontrol_checked.png);
background-repeat:repeat-x;
}
.tbcontrol_silver2_checked,.splitbtn_silver2_checked
{
border-color:#c2762b;
border-width:1px;
background-color:transparent;
background-image:url(../../styles/images/tbcontrol_checked.png);
background-repeat:repeat-x;
}

121
LPWeb20/RichtextEditor/skins/office2010/skin.xml Normal file
View File

@@ -0,0 +1,121 @@
<?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="2,2,0,2" 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"/>
<method name="append_child" arguments="ctrl" overrideas="tbgroup_append_child">
<![CDATA[
self.tbgroup_append_child(ctrl);
if("{color}"!="silver2")return;
var cn=ctrl._element.className;
if(cn&&cn.indexOf("dropdown")!=-1)
{
self.set_padding([0,-1,0,0])
self.paddingisset=true;
}
else if(self.paddingisset)
{
self.set_padding([0,0,0,0])
self.paddingisset=false;
}
]]>
</method>
<initialize>
if("{color}"=="blue2")self.set_padding([0,-1,0,-1])
</initialize>
</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>

459
LPWeb20/RichtextEditor/skins/office2010/toolbar_custom.xml Normal file
View File

@@ -0,0 +1,459 @@
<?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="55" 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" margin="0,0,0,3">
<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">
<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" 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>
<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="55" 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/office2010/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>