文章编辑页面添加异步传输按钮
在进行文章发布的时候,有时候会需要检测文章或者对某个地方进行特殊处理,但如果写到提交的接口里面,有时候并不是很方便,所以要用检测按钮进行异步处理。步骤如下:
1、挂前台样式接口
Add_Filter_Plugin('Filter_Plugin_Edit_Response', 'tc_imgssize_Edit_Response3');
也可以挂到Filter_Plugin_Edit_Response3右侧下面。
2、添加前台样式
function tc_imgssize_Edit_Response3() { global $zbp, $article; echo '<div id="original" class="editmod">'; echo '<a href="#" onclick="Autoimgs()">[检测内容]</a>'; echo '<span id="zwidth"></span>'; echo '</div>'; }
Autoimgs是js函数,用来做异步传输用。
3、挂前台js接口
Add_Filter_Plugin('Filter_Plugin_Edit_End','tc_imgssize_Filter_Plugin_Edit_End');
4、添加前台js代码
function tc_imgssize_Filter_Plugin_Edit_End() { global $zbp, $article; $send=$zbp->host."zb_users/plugin/ytecn_postmosaic/send.php"; echo ' <script> function Autoimgs() { var s = editor_api.editor.content.get(); $.ajax({ type: "POST", url: "'.$send.'", dateType:"json", data:{"con":s}, success: function(data){ var obj = document.getElementById("aaa"); obj.value = data.a; } }); } </script>'; }
这里的案例是检查文章内容,也可以替换成其他input的值,比如标题
document.getElementById("edtTitle").value
然后把返回结果的结果传递给id为aaa的层进行显示。
5、添加异步页面,并添加代码
<?php require '../../../zb_system/function/c_system_base.php'; require '../../../zb_system/function/c_system_admin.php'; $zbp->Load(); $action='root'; if (!$zbp->CheckRights($action)) {$zbp->ShowError(6);die();} if (!$zbp->CheckPlugin('ytecn_postmosaic')) {$zbp->ShowError(48);die();} $con = GetVars('con', 'POST'); $array=[]; $array['aaa']="aaa"; $array['bbb']="bbb"; header('Content-Type:application/json; charset=utf-8'); echo json_encode($array);
6、完。