add_img.html
10.9 KB
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
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
<include file="public/layout" />
<style type="text/css">
html, body {
overflow: visible;
}
</style>
<!--以下是在线编辑器 代码 -->
<script type="text/javascript">
/*
* 在线编辑器相 关配置 js
* 参考 地址 http://fex.baidu.com/ueditor/
*/
window.UEDITOR_Admin_URL = "/public/plugins/Ueditor/";
var URL_upload = "{$URL_upload}";
var URL_fileUp = "{$URL_fileUp}";
var URL_scrawlUp = "{$URL_scrawlUp}";
var URL_getRemoteImage = "{$URL_getRemoteImage}";
var URL_imageManager = "{$URL_imageManager}";
var URL_imageUp = "{$URL_imageUp}";
var URL_getMovie = "{$URL_getMovie}";
var URL_home = "{$URL_home}";
</script>
<script type="text/javascript" charset="utf-8" src="/public/plugins/Ueditor/ueditor.config.js"></script>
<script type="text/javascript" charset="utf-8" src="/public/plugins/Ueditor/ueditor.all.js"> </script>
<script type="text/javascript" charset="utf-8" src="/public/plugins/Ueditor/lang/zh-cn/zh-cn.js"></script>
<script type="text/javascript">
var url="{:url('Ueditor/index',array('savepath'=>'wechat'))}";
var editor;
$(function () {
//具体参数配置在 editor_config.js 中
var options = {
zIndex: 999,
initialFrameWidth: "95%", //初化宽度
initialFrameHeight: 400, //初化高度
focus: false, //初始化时，是否让编辑器获得焦点true或false
maximumWords: 99999, removeFormatAttributes: 'class,style,lang,width,height,align,hspace,valign'
, //允许的最大字符数 'fullscreen',
pasteplain:false, //是否默认为纯文本粘贴。false为不使用纯文本粘贴，true为使用纯文本粘贴
autoHeightEnabled: true
/* autotypeset: {
mergeEmptyline: true, //合并空行
removeClass: true, //去掉冗余的class
removeEmptyline: false, //去掉空行
textAlign: "left", //段落的排版方式，可以是 left,right,center,justify 去掉这个属性表示不执行排版
imageBlockLine: 'center', //图片的浮动方式，独占一行剧中,左右浮动，默认: center,left,right,none 去掉这个属性表示不执行排版
pasteFilter: false, //根据规则过滤没事粘贴进来的内容
clearFontSize: false, //去掉所有的内嵌字号，使用编辑器默认的字号
clearFontFamily: false, //去掉所有的内嵌字体，使用编辑器默认的字体
removeEmptyNode: false, //去掉空节点
//可以去掉的标签
removeTagNames: {"font": 1},
indent: false, // 行首缩进
indentValue: '0em' //行首缩进的大小
}*/,
toolbars: [
['fullscreen', 'source', '|', 'undo', 'redo',
'|', 'bold', 'italic', 'underline', 'fontborder',
'strikethrough', 'superscript', 'subscript',
'removeformat', 'formatmatch', 'autotypeset',
'blockquote', 'pasteplain', '|', 'forecolor',
'backcolor', 'insertorderedlist',
'insertunorderedlist', 'selectall', 'cleardoc', '|',
'rowspacingtop', 'rowspacingbottom', 'lineheight', '|',
'customstyle', 'paragraph', 'fontfamily', 'fontsize',
'|', 'directionalityltr', 'directionalityrtl',
'indent', '|', 'justifyleft', 'justifycenter',
'justifyright', 'justifyjustify', '|', 'touppercase',
'tolowercase', '|', 'link', 'unlink', 'anchor', '|',
'imagenone', 'imageleft', 'imageright', 'imagecenter',
'|', 'insertimage', 'emotion', 'insertvideo',
'attachment', 'map', 'gmap', 'insertframe',
'insertcode', 'webapp', 'pagebreak', 'template',
'background', '|', 'horizontal', 'date', 'time',
'spechars', 'wordimage', '|',
'inserttable', 'deletetable',
'insertparagraphbeforetable', 'insertrow', 'deleterow',
'insertcol', 'deletecol', 'mergecells', 'mergeright',
'mergedown', 'splittocells', 'splittorows',
'splittocols', '|', 'print', 'preview', 'searchreplace']
]
,serverUrl:url
};
editor = new UE.ui.Editor(options);
editor.render("goods_content"); // 指定 textarea 的 id 为 goods_content
});
</script>
<!--以上是在线编辑器 代码 end-->
<body style="background-color: #FFF; overflow: auto;">
<div id="toolTipLayer" style="position: absolute; z-index: 9999; display: none; visibility: visible; left: 95px; top: 573px;"></div>
<div id="append_parent"></div>
<div id="ajaxwaitid"></div>
<div class="page">
<div class="fixed-bar">
<div class="item-title"><a class="back" href="javascript:history.back();" title="微信公众号配置"><i class="fa fa-arrow-circle-o-left"></i></a>
<div class="subject">
<h3>添加图文回复</h3>
<h5>添加或编辑文本回复内容</h5>
</div>
</div>
</div>
<form class="form-horizontal" method="post" id="handlepost" action="">
<input type="hidden" id="qclurl" value="{$qclurl}" name="qclurl">
<div class="ncap-form-default">
<dl class="row">
<dt class="tit">
<label><em>*</em>关键词</label>
</dt>
<dd class="opt">
<input type="text" name="keyword" id="keyword" value="{$keyword.keyword}" class="input-txt">
</dd>
</dl>
<dl class="row">
<dt class="tit">
<label for="cate_id"><em>*</em>标题</label>
</dt>
<dd class="opt">
<input type="text" name="title" value="{$keyword.title}" class="input-txt">
</dd>
</dl>
<dl class="row">
<dt class="tit">
<label><em>*</em>URL</label>
</dt>
<dd class="opt">
<input type="text" class="input-txt" name="url" placeholder="http://" value="{$keyword.url}"/>
</dd>
</dl>
<dl class="row">
<dt class="tit">封面图片：</dt>
<dd class="opt">
<div class="ncsc-goods-default-pic">
<div class="goodspic-uplaod">
<div style="">
<img id="original_img2" src="{:getImg($keyword.pic,'__PUBLIC__/images/default_goods_image_720.gif')}" style="width:120px;border:#eee solid 1px" onmouseover="layer.tips('<img src={:getImg($keyword.pic,'__PUBLIC__/images/default_goods_image_720.gif')}>',this, {tips: [1, '#fff']});" onmouseout="layer.closeAll();">
</div>
<input type="hidden" id="pic" name="pic"
onkeydown="strkeydown(event, this, 'submitbtn')"
value="{$keyword.pic}" class="type-file-text">
<p class="hint">请上传图片格式文件，<Font color="red">大小就广告位置备注大小。</Font> </p>
<div class="handle">
<div class="ncsc-upload-btn">
<a onClick="GetUploadify_new(1,'pic','weixin','{$erpid}','wx_img','id','pic','{$keyword.id}','call_back')" >
<p><i class="icon-upload-alt"></i>图片上传</p>
</a>
</div>
</div>
</div>
</div>
</dd>
</dl>
<!--<dl class="row">-->
<!--<dt class="tit">-->
<!--<label ><em>*</em>封面图片</label>-->
<!--</dt>-->
<!--<dd class="opt">-->
<!--<div class="input-file-show" id="divComUploadContainer">-->
<!--<span class="show">-->
<!--<a class="nyroModal" rel="gal" href="#"> -->
<!--<i class="fa fa-picture-o" onmouseover="showPreImage(this, 'pic')" onmouseout="closePreImage()"></i>-->
<!--</a>-->
<!--</span>-->
<!--<span class="type-file-box"> -->
<!--<input type="text" name="pic" id="pic" value="{$keyword.pic}" class="type-file-text"> -->
<!--<input type="button" class="type-file-button" onClick="GetUploadify(1,'pic','weixin','')" value="上传图片"/> -->
<!--</span>-->
<!--</div>-->
<!--</dd>-->
<!--</dl> -->
<dl class="row">
<dt class="tit">
<label><em>*</em>简介</label>
</dt>
<dd class="opt">
<textarea name="desc" rows="6" placeholder="简介" class="tarea" id="subject_desc">{$keyword.desc}</textarea>
</dd>
</dl>
<dl class="row">
<dt class="tit">
<label><em>*</em>正文</label>
</dt>
<dd class="opt">
<textarea class="span12 ckeditor" id="goods_content" name="goods_content" title="">{$keyword.webcontent}</textarea>
<span class="err cr" id="err_goods_content" ></span>
</dd>
</dl>
<input type="hidden" value="{$keyword.id}" name="kid">
<div class="bot"><a href="JavaScript:void(0);" onClick="formSubmit()" class="ncap-btn-big ncap-btn-green" id="submitBtn">确认提交</a></div>
</div>
</form>
</div>
<script type="text/javascript">
$(document).ready(function(){
$("#handlepost").validate({
debug: true, //调试模式取消submit的默认提交功能
focusInvalid: false, //当为false时，验证无效时，没有焦点响应
onkeyup: false,
submitHandler: function(form){ //表单提交句柄,为一回调函数，带一个参数：form
layer.msg('加载中...', {icon: 16,shade: [0.5, '#f5f5f5'],scrollbar: false,offset: '10px', time:100000}) ;
form.submit(); //提交表单
},
ignore:":button", //不验证的元素
rules:{
keyword:{
required:true
},
title:{
required:true
},
url:{
required:true
},
pic:{
required:true
},
desc:{
required:true
}
},
messages:{
keyword:{
required:"请填写公众号名称"
},
title:{
required:"请填写token"
},
url:{
required:"请填写URL"
},
pic:{
required:"请上传封面图片"
},
desc:{
required:"请填写简介"
}
}
});
});
function formSubmit(){
//layer.msg('加载中...', {icon: 16,shade: [0.5, '#f5f5f5'],scrollbar: false,offset: '10px', time:100000}) ;
$("#handlepost").submit();
}
// 上传商品图片成功回调函数
function call_back(fileurl_tmp){
var getqclurl=$("#qclurl").val();
$("#pic").val(fileurl_tmp);
$("#original_img2").attr('onmouseover', "layer.tips('<img src="+getqclurl+fileurl_tmp+">',this,{tips: [1, '#fff']});");
$("#original_img2").attr('src', getqclurl+fileurl_tmp);
}
</script>
</body>
</html>