zblog
当前位置:首页 > 商学院 > zblog > 正文内容

zblog

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

豫唐网络2022-12-18 19:45678

在进行文章发布的时候,有时候会需要检测文章或者对某个地方进行特殊处理,但如果写到提交的接口里面,有时候并不是很方便,所以要用检测按钮进行异步处理。步骤如下:

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、完。

扫描二维码推送至手机访问。

版权声明:本文由汤阴县豫唐网络科技有限公司发布,如需转载请注明出处。

本文链接:https://www.ytecn.com/post/466.html

分享给朋友:

相关文章

zblogphp文章管理子菜单接口说明

zblogphp文章管理子菜单接口说明

接口名称:Filter_Plugin_Admin_ArticleMng_SubMenu接口描述:文章管理页面增加子菜单调用方法:Add_Filter_Plugin('Filter_Plugin...

zblogphp文章页面编辑1号输出接口说明

zblogphp文章页面编辑1号输出接口说明

接口名称:Filter_Plugin_Edit_Response接口描述:文章编辑页面1号输出接口,具体位置位于标签设置下方,摘要设置上方。应用场景:可在文章(页面)编辑页增加自定义参数,如自定义表单...

zblogphp文章页面编辑3号输出接口说明

zblogphp文章页面编辑3号输出接口说明

接口名称:Filter_Plugin_Edit_Response3接口描述:文章编辑页面3号输出接口,具体位置位于右侧底部。应用场景:可在文章(页面)编辑页增加自定义参数,如自定义表单字段等。调用方法...

zba文件怎么使用?zba文件是什么?

zba文件怎么使用?zba文件是什么?

        .zba是zblogphp的专用应用格式。应用格式又分主题和插件两种。   ...

zblog提示授权文件非法怎么办

zblog提示授权文件非法怎么办

        zblog在开启主题或者插件的时候,有时候会提示授权文件非法。这种需要怎么处理么?  ...

zblogphp调试登录助手

zblogphp调试登录助手

本着不接触用户账户密码的原则,请优先根据本插件提供信息。《调试登录助手》,地址:https://app.zblogcn.com/?id=18484本插件用于在不需要给出密码明文的前提下让他人登录站点后...