1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
| <!DOCTYPE HTML>
| <html>
| <head>
| <title>表单模板</title>
| <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
| <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" >
| <meta name="generator" content="www.leipi.org" />
| <script type="text/javascript" src="../dialogs/internal.js"></script>
| <style type="text/css">
| .wrap{ padding: 5px;font-size: 14px;}
| .left{width:425px;float: left;}
| .right{width:160px;border: 1px solid #ccc;float: right;padding: 5px;margin-right: 5px;}
| .right .pre{height: 356px;overflow-y: auto;}
| .right .preitem{border: #fff 1px solid;margin: 5px 0;padding: 2px 0;}
| .right .preitem:hover{background-color: lemonChiffon;cursor: pointer;border: #ccc 1px solid;}
| .right .preitem img{display: block;margin: 0 auto;width:100px;}
| .clear{clear: both;}
| .top{height:26px;line-height: 26px;padding: 5px;}
| .bottom{height:320px;width:100%;margin: 0 auto;}
| .transparent{ background: url("template/images/bg.gif") repeat;}
| .bottom table tr td{border:1px solid #ccc; padding:0 2px;}
| #colorPicker{width: 17px;height: 17px;border: 1px solid #CCC;display: inline-block;border-radius: 3px;box-shadow: 2px 2px 5px #D3D6DA;}
| .border_style1{padding:2px;border: 1px solid #ccc;border-radius: 5px;box-shadow:2px 2px 5px #d3d6da;}
| p{margin: 5px 0}
| table{clear:both;margin-bottom:10px;border-collapse:collapse;word-break:break-all;}
| li{clear:both}
| ol{padding-left:40px; }
| </style>
|
| </head>
| <body>
| <div class="wrap">
| <div class="left">
| <div class="top">
| <label><var id="lang_template_clear">保留原有内容</var>：<input id="issave" type="checkbox"></label>
| </div>
| <div class="bottom border_style1" id="preview"></div>
| </div>
| <fieldset class="right border_style1">
| <legend><var id="lang_template_select"></var></legend>
| <div class="pre" id="preitem"></div>
| </fieldset>
| <div class="clear"></div>
| </div>
| <script type="text/javascript">
| /**
| * Templates.
| * 添加模板，以下面配置即可
| */
| var templates = [
| {
| "pre":"pre0.png",//预览图
| 'title':"表单设计模板",//标题
| //预览html
| 'preHtml':'<p style="text-align: center;"><br/></p><p style="text-align: center; margin-bottom:20px;"><span style="font-size: 24px;">表单示例</span></p><hr/><div style="margin:0 20px 0 16px;"><p style="margin-top:20px;"><input name="" leipiplugins="listctrl" type="text" value="{列表控件}" readonly="readonly" title="采购商品列表" orgtitle="商品名称`数量`单价`小计`描述`" orgcoltype="text`int`int`int`text`" orgunit="```元``" orgsum="0`0`0`1`0`" orgcolvalue="`````" orgwidth="100%" style="width: 100%; height:30px; margin-bottom:8px;"/></p><p><textarea title="多行文本" name="" leipiplugins="textarea" value="" orgrich="0" orgfontsize="12" orgwidth="100%" orgheight="120" style="font-size:12px;width:100%;height:120px; margin-bottom:8px;"></textarea></p></div>',
| //确认后到编辑器的html
| "html":'<p style="margin-top:20px;"><input name="" leipiplugins="listctrl" type="text" value="{列表控件}" readonly="readonly" title="采购商品列表" orgtitle="商品名称`数量`单价`小计`描述`" orgcoltype="text`int`int`int`text`" orgunit="```元``" orgsum="0`0`0`1`0`" orgcolvalue="`````" orgwidth="99%" style="width: 99%; height:30px; margin:0 0 8px 4px;"/></p><p><textarea title="多行文本" name="" leipiplugins="textarea" value="" orgrich="0" orgfontsize="12" orgwidth="99%" orgheight="120" style="font-size:12px;width:99%;height:120px; margin:0 0 8px 4px;"></textarea></p>'
| },
| {
| "pre":"pre1.png",//预览图
| 'title':"文件设计模板",//标题
| //预览html
| 'preHtml':'<p style="text-align: center;"><br/></p><p style="text-align: center; margin-bottom:20px;"><span style="font-size: 24px;">文件示例</span></p><hr/><p style="text-indent: 2em; min-height:140px;">表单设计器模板，文章内容</p><p style="text-align:right; margin-top:20px;">部门：软件事业部</p><p style="text-align:right;">时间：2019年06月23日</p>',
| //确认后到编辑器的html
| "html":'<p style="text-align: center;"><br/></p><p style="text-align: center; margin-bottom:20px;"><span style="font-size: 24px;">文件示例</span></p><hr/><p style="text-indent: 2em; min-height:260px;">表单设计器模板，文章内容</p><p style="text-align:right; margin-top:20px;">部门：软件事业部</p><p style="text-align:right;">时间：2019年06月23日</p>'
| },
| {
| "pre":"pre4.png",
| 'title':"欢迎使用",
| 'preHtml':'<p style="text-align: center;"><br/></p><p style="text-align: center; margin-bottom:20px;"><span style="font-size: 24px;">四列无宽度示例</span></p><table class="table table-bordered" style="width:100%;"> <tbody> <tr class="firstRow"><td valign="top" style="word-break: break-all; border-color: rgb(221, 221, 221);">文本框 </td> <td valign="top" style="word-break: break-all; border-color: rgb(221, 221, 221);" > <input style="text-align: left; width: 150px;" title="文本框" value="" name="" orgheight="" orgwidth="150" orgalign="left" orgfontsize="" orghide="0" leipiplugins="text" orgtype="text"/> </td><td valign="top" style="word-break: break-all; border-color: rgb(221, 221, 221);" >下拉菜单</td> <td valign="top" style="border-color: rgb(221, 221, 221);"> {|-<span leipiplugins="select"><select name="" title="下拉菜单" leipiplugins="select" size="1" orgwidth="150" style="width: 150px;"><option value="下拉">下拉</option> <option value="菜单"> 菜单 </option></select> </span>-|}</td> </tr><tr> <td valign="top" style="word-break: break-all; border-color: rgb(221, 221, 221);"> 单选</td> <td valign="top" style="word-break: break-all; border-color: rgb(221, 221, 221);" > {|-<span leipiplugins="radios" class="radios" orgtimestamp="1407254440134" title="单选"><input name="" value="单选1" title="单选" orgtimestamp="1407254440134" leipiplugins="radio" type="radio"/>单选1 <input name="" value="单选2" title="单选" orgtimestamp="1407254440134" leipiplugins="radio" type="radio"/>单选2 </span>-|} </td> <td valign="top" style="word-break: break-all; border-color: rgb(221, 221, 221);" > 复选 </td> <td valign="top" style="word-break: break-all; border-color: rgb(221, 221, 221);"> {|-<span class="checkboxs" leipiplugins="checkboxs" orgtimestamp="1407254454990" title="复选"><input name="" value="复选1" title="复选" orgtimestamp="1407254454990" leipiplugins="checkbox" type="checkbox"/>复选1 <input name="" value="复选2" title="复选" orgtimestamp="1407254454990" leipiplugins="checkbox" type="checkbox"/>复选2 <input name="" value="复选3" title="复选" orgtimestamp="1407254454990" leipiplugins="checkbox" type="checkbox"/>复选3 </span>-|} </td> </tr> <tr><td valign="top" style="word-break: break-all; border-color: rgb(221, 221, 221);"> 宏控件 </td><td valign="top" style="border-color: rgb(221, 221, 221);" > <input name="" type="text" value="" title="宏控件" leipiplugins="" orgtype="sys_date_cn" orghide="0" orgfontsize="12" orgwidth="150" style="font-size: 12px; width: 150px;"/> </td><td valign="top" style="word-break: break-all; border-color: rgb(221, 221, 221);" > 二维码</td><td valign="top" style="border-color: rgb(221, 221, 221);" > <img name="" title="" value="http://www.leipi.org" orgtype="url" leipiplugins="qrcode" src="/Public/js/ueditor/formdesign/images/qrcode.gif" orgwidth="40" orgheight="40" style="width: 40px; height: 40px;"/></td></tr></tbody></table>',
| "html":'<table class="table table-bordered" style="width:100%;"><tbody><tr class="firstRow"><td valign="top" style="word-break: break-all; border-color: rgb(221, 221, 221); width:15%;">文本框</td><td valign="top" style="word-break: break-all; border-color: rgb(221, 221, 221); width:35%;"><input style="text-align: left; width: 150px;" title="文本框" value="" name="" orgheight="" orgwidth="150" orgalign="left" orgfontsize="" orghide="0" leipiplugins="text" orgtype="text"/></td><td valign="top" style="word-break: break-all; border-color: rgb(221, 221, 221); width:15%;">下拉菜单</td><td valign="top" style="border-color: rgb(221, 221, 221); width:35%;">{|-<span leipiplugins="select"><select name="" title="下拉菜单" leipiplugins="select" size="1" orgwidth="150" style="width: 150px;"><option value="下拉">下拉</option><option value="菜单">菜单</option></select> </span>-|}</td></tr><tr><td valign="top" style="word-break: break-all; border-color: rgb(221, 221, 221);"> 单选</td><td valign="top" style="word-break: break-all; border-color: rgb(221, 221, 221);" width="41"> {|-<span leipiplugins="radios" title="单选" name=""><input value="单选1" type="radio" checked="checked" name=""/>单选1 <input value="单选2" type="radio" name=""/>单选2 </span>-|}</td><td valign="top" style="word-break: break-all; border-color: rgb(221, 221, 221);" width="85"> 复选</td><td valign="top" style="word-break: break-all; border-color: rgb(221, 221, 221);" width="312"> {|-<span leipiplugins="checkboxs" title="复选"><input name="" value="复选1" type="checkbox" checked="checked"/>复选1 <input name="" value="复选2" type="checkbox" checked="checked"/>复选2 <input name="" value="复选3" type="checkbox"/>复选3 </span>-|}</td></tr><tr><td valign="top" style="word-break: break-all; border-color: rgb(221, 221, 221);"> 宏控件</td><td valign="top" style="border-color: rgb(221, 221, 221);" width="41"><input name="" type="text" value="" title="宏控件" leipiplugins="" orgtype="sys_date_cn" orghide="0" orgfontsize="12" orgwidth="150" style="font-size: 12px; width: 150px;"/></td><td valign="top" style="word-break: break-all; border-color: rgb(221, 221, 221);" width="85"> 二维码</td><td valign="top" style="border-color: rgb(221, 221, 221);" width="312"><img name="" title="" value="" orgtype="url" leipiplugins="qrcode" src="/Public/js/ueditor/formdesign/images/qrcode.gif" orgwidth="40" orgheight="40" style="width: 40px; height: 40px;"/></td></tr></tbody></table>'
|
| },
| {
| "pre":"pre4.png",
| 'title':"欢迎使用",
| 'preHtml':'<p style="text-align: center;"><br/></p><p style="text-align: center; margin-bottom:20px;"><span style="font-size: 24px;">四列固定宽度示例</span></p><table class="table table-bordered" style="width:100%;"> <tbody> <tr class="firstRow"><td valign="top" style="word-break: break-all; border-color: rgb(221, 221, 221);">文本框 </td> <td valign="top" style="word-break: break-all; border-color: rgb(221, 221, 221);" > <input style="text-align: left; width: 150px;" title="文本框" value="" name="" orgheight="" orgwidth="150" orgalign="left" orgfontsize="" orghide="0" leipiplugins="text" orgtype="text"/> </td><td valign="top" style="word-break: break-all; border-color: rgb(221, 221, 221);" >下拉菜单</td> <td valign="top" style="border-color: rgb(221, 221, 221);"> {|-<span leipiplugins="select"><select name="" title="下拉菜单" leipiplugins="select" size="1" orgwidth="150" style="width: 150px;"><option value="下拉">下拉</option> <option value="菜单"> 菜单 </option></select> </span>-|}</td> </tr><tr> <td valign="top" style="word-break: break-all; border-color: rgb(221, 221, 221);"> 单选</td> <td valign="top" style="word-break: break-all; border-color: rgb(221, 221, 221);" > {|-<span leipiplugins="radios" class="radios" orgtimestamp="1407254440134" title="单选"><input name="" value="单选1" title="单选" orgtimestamp="1407254440134" leipiplugins="radio" type="radio"/>单选1 <input name="" value="单选2" title="单选" orgtimestamp="1407254440134" leipiplugins="radio" type="radio"/>单选2 </span>-|} </td> <td valign="top" style="word-break: break-all; border-color: rgb(221, 221, 221);" > 复选 </td> <td valign="top" style="word-break: break-all; border-color: rgb(221, 221, 221);"> {|-<span class="checkboxs" leipiplugins="checkboxs" orgtimestamp="1407254454990" title="复选"><input name="" value="复选1" title="复选" orgtimestamp="1407254454990" leipiplugins="checkbox" type="checkbox"/>复选1 <input name="" value="复选2" title="复选" orgtimestamp="1407254454990" leipiplugins="checkbox" type="checkbox"/>复选2 <input name="" value="复选3" title="复选" orgtimestamp="1407254454990" leipiplugins="checkbox" type="checkbox"/>复选3 </span>-|} </td> </tr> <tr><td valign="top" style="word-break: break-all; border-color: rgb(221, 221, 221);"> 宏控件 </td><td valign="top" style="border-color: rgb(221, 221, 221);" > <input name="" type="text" value="" title="宏控件" leipiplugins="" orgtype="sys_date_cn" orghide="0" orgfontsize="12" orgwidth="150" style="font-size: 12px; width: 150px;"/> </td><td valign="top" style="word-break: break-all; border-color: rgb(221, 221, 221);" > 二维码</td><td valign="top" style="border-color: rgb(221, 221, 221);" > <img name="" title="" value="http://www.leipi.org" orgtype="url" leipiplugins="qrcode" src="/Public/js/ueditor/formdesign/images/qrcode.gif" orgwidth="40" orgheight="40" style="width: 40px; height: 40px;"/></td></tr></tbody></table>',
| "html":'<table class="table table-bordered" style="margin:0 auto;"><tbody><tr class="firstRow"><td valign="top" style="word-break: break-all; border-color: rgb(221, 221, 221); width:15%;">文本框</td><td valign="top" style="word-break: break-all; border-color: rgb(221, 221, 221); width:35%;"><input style="text-align: left; width: 150px;" title="文本框" value="" name="" orgheight="" orgwidth="150" orgalign="left" orgfontsize="" orghide="0" leipiplugins="text" orgtype="text"/></td><td valign="top" style="word-break: break-all; border-color: rgb(221, 221, 221); width:15%;">下拉菜单</td><td valign="top" style="border-color: rgb(221, 221, 221); width:35%;">{|-<span leipiplugins="select"><select name="" title="下拉菜单" leipiplugins="select" size="1" orgwidth="150" style="width: 150px;"><option value="下拉">下拉</option><option value="菜单">菜单</option></select> </span>-|}</td></tr><tr><td valign="top" style="word-break: break-all; border-color: rgb(221, 221, 221);"> 单选</td><td valign="top" style="word-break: break-all; border-color: rgb(221, 221, 221);" width="41"> {|-<span leipiplugins="radios" title="单选" name=""><input value="单选1" type="radio" checked="checked" name=""/>单选1 <input value="单选2" type="radio" name=""/>单选2 </span>-|}</td><td valign="top" style="word-break: break-all; border-color: rgb(221, 221, 221);" width="85"> 复选</td><td valign="top" style="word-break: break-all; border-color: rgb(221, 221, 221);" width="312"> {|-<span leipiplugins="checkboxs" title="复选"><input name="" value="复选1" type="checkbox" checked="checked"/>复选1 <input name="" value="复选2" type="checkbox" checked="checked"/>复选2 <input name="" value="复选3" type="checkbox"/>复选3 </span>-|}</td></tr><tr><td valign="top" style="word-break: break-all; border-color: rgb(221, 221, 221);"> 宏控件</td><td valign="top" style="border-color: rgb(221, 221, 221);" width="41"><input name="" type="text" value="" title="宏控件" leipiplugins="" orgtype="sys_date_cn" orghide="0" orgfontsize="12" orgwidth="150" style="font-size: 12px; width: 150px;"/></td><td valign="top" style="word-break: break-all; border-color: rgb(221, 221, 221);" width="85"> 二维码</td><td valign="top" style="border-color: rgb(221, 221, 221);" width="312"><img name="" title="" value="" orgtype="url" leipiplugins="qrcode" src="/Public/js/ueditor/formdesign/images/qrcode.gif" orgwidth="40" orgheight="40" style="width: 40px; height: 40px;"/></td></tr></tbody></table>'
|
| },
| {
| "pre":"pre3.png",
| 'title':"欢迎使用",
| 'preHtml':'<p style="text-align: center;"><br/></p><p style="text-align: center; margin-bottom:20px;"><span style="font-size: 24px;">两列无宽度示例</span></p><table class="table table-bordered"> <tbody> <tr class="firstRow"><td valign="top" style="word-break: break-all; border-color: rgb(221, 221, 221);" >下拉菜单</td> <td valign="top" style="border-color: rgb(221, 221, 221);"> {|-<span leipiplugins="select"><select name="" title="下拉菜单" leipiplugins="select" size="1" orgwidth="350" style="width: 350px;"><option value="下拉">下拉</option> <option value="菜单"> 菜单 </option></select> </span>-|}</td> </tr><tr class="firstRow"><td valign="top" style="word-break: break-all; border-color: rgb(221, 221, 221);">文本框 </td> <td valign="top" style="word-break: break-all; border-color: rgb(221, 221, 221);" > <input style="text-align: left; width: 350px;" title="文本框" value="" name="" orgheight="" orgwidth="350" orgalign="left" orgfontsize="" orghide="0" leipiplugins="text" orgtype="text"/> </td></tr><tr> <td valign="top" style="word-break: break-all; border-color: rgb(221, 221, 221);"> 单选</td> <td valign="top" style="word-break: break-all; border-color: rgb(221, 221, 221);" > {|-<span leipiplugins="radios" class="radios" orgtimestamp="1407254440134" title="单选"><input name="" value="单选1" title="单选" orgtimestamp="1407254440134" leipiplugins="radio" type="radio"/>单选1 <input name="" value="单选2" title="单选" orgtimestamp="1407254440134" leipiplugins="radio" type="radio"/>单选2 </span>-|} </td> </tr> <tr><td valign="top" style="word-break: break-all; border-color: rgb(221, 221, 221);" > 复选 </td> <td valign="top" style="word-break: break-all; border-color: rgb(221, 221, 221);"> {|-<span class="checkboxs" leipiplugins="checkboxs" orgtimestamp="1407254454990" title="复选"><input name="" value="复选1" title="复选" orgtimestamp="1407254454990" leipiplugins="checkbox" type="checkbox"/>复选1 <input name="" value="复选2" title="复选" orgtimestamp="1407254454990" leipiplugins="checkbox" type="checkbox"/>复选2 <input name="" value="复选3" title="复选" orgtimestamp="1407254454990" leipiplugins="checkbox" type="checkbox"/>复选3 </span>-|} </td> </tr> <tr><td valign="top" style="word-break: break-all; border-color: rgb(221, 221, 221);"> 宏控件 </td><td valign="top" style="border-color: rgb(221, 221, 221);" > <input name="" type="text" value="" title="宏控件" leipiplugins="" orgtype="sys_date_cn" orghide="0" orgfontsize="12" orgwidth="350" style="font-size: 12px; width: 350px;"/> </td></tr></tbody></table>',
| "html":'<table class="table table-bordered" style="width:100%;"> <tbody> <tr class="firstRow"><td valign="top" style="word-break: break-all; border-color: rgb(221, 221, 221);" >下拉菜单</td> <td valign="top" style="border-color: rgb(221, 221, 221);"> {|-<span leipiplugins="select"><select name="" title="下拉菜单" leipiplugins="select" size="1" orgwidth="500" style="width: 500px;"><option value="下拉">下拉</option> <option value="菜单"> 菜单 </option></select> </span>-|}</td> </tr><tr class="firstRow"><td valign="top" style="word-break: break-all; border-color: rgb(221, 221, 221);">文本框 </td> <td valign="top" style="word-break: break-all; border-color: rgb(221, 221, 221);" > <input style="text-align: left; width: 500px;" title="文本框" value="" name="" orgheight="" orgwidth="500" orgalign="left" orgfontsize="" orghide="0" leipiplugins="text" orgtype="text"/> </td></tr><tr> <td valign="top" style="word-break: break-all; border-color: rgb(221, 221, 221);"> 单选</td> <td valign="top" style="word-break: break-all; border-color: rgb(221, 221, 221);" > {|-<span leipiplugins="radios" class="radios" orgtimestamp="1407254440134" title="单选"><input name="" value="单选1" title="单选" orgtimestamp="1407254440134" leipiplugins="radio" type="radio"/>单选1 <input name="" value="单选2" title="单选" orgtimestamp="1407254440134" leipiplugins="radio" type="radio"/>单选2 </span>-|} </td> </tr> <tr><td valign="top" style="word-break: break-all; border-color: rgb(221, 221, 221);" > 复选 </td> <td valign="top" style="word-break: break-all; border-color: rgb(221, 221, 221);"> {|-<span class="checkboxs" leipiplugins="checkboxs" orgtimestamp="1407254454990" title="复选"><input name="" value="复选1" title="复选" orgtimestamp="1407254454990" leipiplugins="checkbox" type="checkbox"/>复选1 <input name="" value="复选2" title="复选" orgtimestamp="1407254454990" leipiplugins="checkbox" type="checkbox"/>复选2 <input name="" value="复选3" title="复选" orgtimestamp="1407254454990" leipiplugins="checkbox" type="checkbox"/>复选3 </span>-|} </td> </tr> <tr><td valign="top" style="word-break: break-all; border-color: rgb(221, 221, 221);"> 宏控件 </td><td valign="top" style="border-color: rgb(221, 221, 221);" > <input name="" type="text" value="" title="宏控件" leipiplugins="" orgtype="sys_date_cn" orghide="0" orgfontsize="12" orgwidth="500" style="font-size: 12px; width: 500px;"/> </td></tr></tbody></table>'
|
| },
| {
| "pre":"pre3.png",
| 'title':"欢迎使用",
| 'preHtml':'<p style="text-align: center;"><br/></p><p style="text-align: center; margin-bottom:20px;"><span style="font-size: 24px;">两列固定宽度示例</span></p><table class="table table-bordered"> <tbody> <tr class="firstRow"><td valign="top" style="word-break: break-all; border-color: rgb(221, 221, 221);" >下拉菜单</td> <td valign="top" style="border-color: rgb(221, 221, 221);"> {|-<span leipiplugins="select"><select name="" title="下拉菜单" leipiplugins="select" size="1" orgwidth="350" style="width: 350px;"><option value="下拉">下拉</option> <option value="菜单"> 菜单 </option></select> </span>-|}</td> </tr><tr class="firstRow"><td valign="top" style="word-break: break-all; border-color: rgb(221, 221, 221);">文本框 </td> <td valign="top" style="word-break: break-all; border-color: rgb(221, 221, 221);" > <input style="text-align: left; width: 350px;" title="文本框" value="" name="" orgheight="" orgwidth="350" orgalign="left" orgfontsize="" orghide="0" leipiplugins="text" orgtype="text"/> </td></tr><tr> <td valign="top" style="word-break: break-all; border-color: rgb(221, 221, 221);"> 单选</td> <td valign="top" style="word-break: break-all; border-color: rgb(221, 221, 221);" > {|-<span leipiplugins="radios" class="radios" orgtimestamp="1407254440134" title="单选"><input name="" value="单选1" title="单选" orgtimestamp="1407254440134" leipiplugins="radio" type="radio"/>单选1 <input name="" value="单选2" title="单选" orgtimestamp="1407254440134" leipiplugins="radio" type="radio"/>单选2 </span>-|} </td> </tr> <tr><td valign="top" style="word-break: break-all; border-color: rgb(221, 221, 221);" > 复选 </td> <td valign="top" style="word-break: break-all; border-color: rgb(221, 221, 221);"> {|-<span class="checkboxs" leipiplugins="checkboxs" orgtimestamp="1407254454990" title="复选"><input name="" value="复选1" title="复选" orgtimestamp="1407254454990" leipiplugins="checkbox" type="checkbox"/>复选1 <input name="" value="复选2" title="复选" orgtimestamp="1407254454990" leipiplugins="checkbox" type="checkbox"/>复选2 <input name="" value="复选3" title="复选" orgtimestamp="1407254454990" leipiplugins="checkbox" type="checkbox"/>复选3 </span>-|} </td> </tr> <tr><td valign="top" style="word-break: break-all; border-color: rgb(221, 221, 221);"> 宏控件 </td><td valign="top" style="border-color: rgb(221, 221, 221);" > <input name="" type="text" value="" title="宏控件" leipiplugins="" orgtype="sys_date_cn" orghide="0" orgfontsize="12" orgwidth="350" style="font-size: 12px; width: 350px;"/> </td></tr></tbody></table>',
| "html":'<table class="table table-bordered" style="margin:0 auto;"> <tbody> <tr class="firstRow"><td valign="top" style="word-break: break-all; border-color: rgb(221, 221, 221);" >下拉菜单</td> <td valign="top" style="border-color: rgb(221, 221, 221);"> {|-<span leipiplugins="select"><select name="" title="下拉菜单" leipiplugins="select" size="1" orgwidth="500" style="width: 500px;"><option value="下拉">下拉</option> <option value="菜单"> 菜单 </option></select> </span>-|}</td> </tr><tr class="firstRow"><td valign="top" style="word-break: break-all; border-color: rgb(221, 221, 221);">文本框 </td> <td valign="top" style="word-break: break-all; border-color: rgb(221, 221, 221);" > <input style="text-align: left; width: 500px;" title="文本框" value="" name="" orgheight="" orgwidth="500" orgalign="left" orgfontsize="" orghide="0" leipiplugins="text" orgtype="text"/> </td></tr><tr> <td valign="top" style="word-break: break-all; border-color: rgb(221, 221, 221);"> 单选</td> <td valign="top" style="word-break: break-all; border-color: rgb(221, 221, 221);" > {|-<span leipiplugins="radios" class="radios" orgtimestamp="1407254440134" title="单选"><input name="" value="单选1" title="单选" orgtimestamp="1407254440134" leipiplugins="radio" type="radio"/>单选1 <input name="" value="单选2" title="单选" orgtimestamp="1407254440134" leipiplugins="radio" type="radio"/>单选2 </span>-|} </td> </tr> <tr><td valign="top" style="word-break: break-all; border-color: rgb(221, 221, 221);" > 复选 </td> <td valign="top" style="word-break: break-all; border-color: rgb(221, 221, 221);"> {|-<span class="checkboxs" leipiplugins="checkboxs" orgtimestamp="1407254454990" title="复选"><input name="" value="复选1" title="复选" orgtimestamp="1407254454990" leipiplugins="checkbox" type="checkbox"/>复选1 <input name="" value="复选2" title="复选" orgtimestamp="1407254454990" leipiplugins="checkbox" type="checkbox"/>复选2 <input name="" value="复选3" title="复选" orgtimestamp="1407254454990" leipiplugins="checkbox" type="checkbox"/>复选3 </span>-|} </td> </tr> <tr><td valign="top" style="word-break: break-all; border-color: rgb(221, 221, 221);"> 宏控件 </td><td valign="top" style="border-color: rgb(221, 221, 221);" > <input name="" type="text" value="" title="宏控件" leipiplugins="" orgtype="sys_date_cn" orghide="0" orgfontsize="12" orgwidth="500" style="font-size: 12px; width: 500px;"/> </td></tr></tbody></table>'
|
| },
| {
| "pre":"pre2.png",
| 'title':"欢迎使用",
| 'preHtml':'<p style="text-align: center;"><br/></p><p style="text-align: center; margin-bottom:20px;"><span style="font-size: 24px; color:#f00;">收发文示例表</span></p><table class="table table-bordered" style="margin:0 auto;"> <tbody> <tr class="firstRow"><td valign="top" style="word-break: break-all; border-color: rgb(255, 0, 0); color:#f00;" >下拉菜单</td> <td valign="top" style="border-color: rgb(255, 0, 0); color:#f00;"> {|-<span leipiplugins="select"><select name="" title="下拉菜单" leipiplugins="select" size="1" orgwidth="350" style="width: 350px; color:#f00;"><option value="下拉">下拉</option> <option value="菜单"> 菜单 </option></select> </span>-|}</td> </tr><tr class="firstRow"><td valign="top" style="word-break: break-all; border-color: rgb(255, 0, 0); color:#f00;">文本框 </td> <td valign="top" style="word-break: break-all; border-color: rgb(255, 0, 0); color:#f00;" ><input style="text-align: left; width: 350px;" title="文本框" name="" orgheight="" orgwidth="350" orgalign="left" orgfontsize="" orghide="0" leipiplugins="text" orgtype="text"/></td></tr><tr> <td valign="top" style="word-break: break-all; border-color: rgb(255, 0, 0); color:#f00;">单选</td> <td valign="top" style="word-break: break-all; border-color: rgb(255, 0, 0); color:#f00;">{|-<span leipiplugins="radios" class="radios" orgtimestamp="1407254440134" title="单选"><input name="" value="单选1" title="单选" orgtimestamp="1407254440134" leipiplugins="radio" type="radio"/>单选1 <input name="" value="单选2" title="单选" orgtimestamp="1407254440134" leipiplugins="radio" type="radio"/>单选2 </span>-|}</td> </tr> <tr><td valign="top" style="word-break: break-all; border-color: rgb(255, 0, 0); color:#f00;" >复选</td> <td valign="top" style="word-break: break-all; border-color: rgb(255, 0, 0); color:#f00;">{|-<span class="checkboxs" leipiplugins="checkboxs" orgtimestamp="1407254454990" title="复选"><input name="" value="复选1" title="复选" orgtimestamp="1407254454990" leipiplugins="checkbox" type="checkbox"/>复选1 <input name="" value="复选2" title="复选" orgtimestamp="1407254454990" leipiplugins="checkbox" type="checkbox"/>复选2 <input name="" value="复选3" title="复选" orgtimestamp="1407254454990" leipiplugins="checkbox" type="checkbox"/>复选3 </span>-|}</td></tr><tr><td valign="top" style="word-break: break-all; border-color: rgb(255, 0, 0); color:#f00;">宏控件</td><td valign="top" style="border-color:rgb(255, 0, 0); color:#f00;" ><input name="" type="text" value="" title="宏控件" leipiplugins="" orgtype="sys_date_cn" orghide="0" orgfontsize="12" orgwidth="350" style="font-size: 12px; width: 350px; color:#f00;"/> </td></tr></tbody></table>',
| "html":'<p style="text-align: center;"><br/></p><p style="text-align: center; margin-bottom:20px;"><span style="font-size: 24px; color:#f00;">收发文示例表</span></p><table class="table table-bordered" style="margin:0 auto;"> <tbody> <tr class="firstRow"><td valign="top" style="word-break: break-all; border-color: rgb(255, 0, 0); color:#f00;" >下拉菜单</td> <td valign="top" style="border-color: rgb(255, 0, 0); color:#f00;"> {|-<span leipiplugins="select"><select name="" title="下拉菜单" leipiplugins="select" size="1" orgwidth="500" style="width: 500px; color:#f00;"><option value="下拉">下拉</option> <option value="菜单"> 菜单 </option></select> </span>-|}</td> </tr><tr class="firstRow"><td valign="top" style="word-break: break-all; border-color: rgb(255, 0, 0); color:#f00;">文本框 </td> <td valign="top" style="word-break: break-all; border-color: rgb(255, 0, 0); color:#f00;" ><input style="text-align: left; width: 500px;" title="文本框" name="" orgheight="" orgwidth="500" orgalign="left" orgfontsize="" orghide="0" leipiplugins="text" orgtype="text"/></td></tr><tr> <td valign="top" style="word-break: break-all; border-color: rgb(255, 0, 0); color:#f00;">单选</td> <td valign="top" style="word-break: break-all; border-color: rgb(255, 0, 0); color:#f00;">{|-<span leipiplugins="radios" class="radios" orgtimestamp="1407254440134" title="单选"><input name="" value="单选1" title="单选" orgtimestamp="1407254440134" leipiplugins="radio" type="radio"/>单选1 <input name="" value="单选2" title="单选" orgtimestamp="1407254440134" leipiplugins="radio" type="radio"/>单选2 </span>-|}</td> </tr> <tr><td valign="top" style="word-break: break-all; border-color: rgb(255, 0, 0); color:#f00;" >复选</td> <td valign="top" style="word-break: break-all; border-color: rgb(255, 0, 0); color:#f00;">{|-<span class="checkboxs" leipiplugins="checkboxs" orgtimestamp="1407254454990" title="复选"><input name="" value="复选1" title="复选" orgtimestamp="1407254454990" leipiplugins="checkbox" type="checkbox"/>复选1 <input name="" value="复选2" title="复选" orgtimestamp="1407254454990" leipiplugins="checkbox" type="checkbox"/>复选2 <input name="" value="复选3" title="复选" orgtimestamp="1407254454990" leipiplugins="checkbox" type="checkbox"/>复选3 </span>-|}</td></tr><tr><td valign="top" style="word-break: break-all; border-color: rgb(255, 0, 0); color:#f00;">宏控件</td><td valign="top" style="border-color:rgb(255, 0, 0); color:#f00;" ><input name="" type="text" value="" title="宏控件" leipiplugins="" orgtype="sys_date_cn" orghide="0" orgfontsize="12" orgwidth="500" style="font-size: 12px; width: 500px; color:#f00;"/> </td></tr></tbody></table>'
|
| }
| ];
|
| /**
| * Templates.
| */
| (function () {
| var me = editor,
| preview = $G( "preview" ),
| preitem = $G( "preitem" ),
| tmps = templates,
| currentTmp;
| var initPre = function () {
| var str = "";
| for ( var i = 0, tmp; tmp = tmps[i++]; ) {
| str += '<div class="preitem" onclick="pre(' + i + ')"><img src="' + "images/template/" + tmp.pre + '" ' + (tmp.title ? "alt=" + tmp.title + " title=" + tmp.title + "" : "") + '></div>';
| }
| preitem.innerHTML = str;
| };
| var pre = function ( n ) {
| var tmp = tmps[n - 1];
| currentTmp = tmp;
| clearItem();
| domUtils.setStyles( preitem.childNodes[n - 1], {
| "background-color":"lemonChiffon",
| "border":"#ccc 1px solid"
| } );
| preview.innerHTML = tmp.preHtml ? tmp.preHtml : "";
| };
| var clearItem = function () {
| var items = preitem.children;
| for ( var i = 0, item; item = items[i++]; ) {
| domUtils.setStyles( item, {
| "background-color":"",
| "border":"white 1px solid"
| } );
| }
| };
| dialog.onok = function () {
| if ( !$G( "issave" ).checked ){
| me.execCommand( "cleardoc" );
| }
| var obj = {
| html:currentTmp && currentTmp.html
| };
| me.execCommand( "template", obj );
| };
| initPre();
| window.pre = pre;
| pre(2)
|
| })();
| </script>
| </body>
| </html>
|
|
