详情页

zblog文章编辑页面添加异步传输按钮

时间:2023年09月19日

编辑:佚名

在进行文章发布的时候,有时候会需要检测文章或者对某个地方进行特殊处理,但如果写到提交的接口里面,有时候并不是很方便,所以要用检测按钮进行异步处理。步骤如下:
1、挂前台样式接口
点击复制代码 PHP
Add_Filter_Plugin('Filter_Plugin_Edit_Response', 'tc_imgssize_Edit_Response3');
也可以挂到Filter_Plugin_Edit_Response3右侧下面。
2、添加前台样式
点击复制代码 PHP
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接口
点击复制代码 PHP
Add_Filter_Plugin('Filter_Plugin_Edit_End','tc_imgssize_Filter_Plugin_Edit_End');
4、添加前台js代码
点击复制代码 PHP
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的值,比如标题
点击复制代码 PHP
document.getElementById("edtTitle").value
然后把返回结果的结果传递给id为aaa的层进行显示。
5、添加异步页面,并添加代码
点击复制代码 PHP
<?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、完结。
相关文章
猜你需要