zblog
当前位置:首页 > 帮助中心 > zblog > 正文内容

zblog

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

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

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

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

分享给朋友:

相关文章

phpQuery获取HTML图片

phpQuery获取HTML图片

phpQuery获取HTML图片/**  * 获取html文本里的img  * @param string $content ...

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

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

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

zblogphp程序报错后如何获得帮助

zblogphp程序报错后如何获得帮助

zblogphp程序报错后获取帮助分为免费和付费两种。免费帮助方法1开启调试模式(点击打开新链接),将截图发到群内。方法2提交工单或私信把网站信息发群主,等凑够一定数量后,群主开直播查错。付费帮助找群...

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

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

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

查看当前页面使用的sql语句zblog版

查看当前页面使用的sql语句zblog版

        在使用网站的时,有时候会遇见页面打开缓慢情况,在确定服务器和访问量均是正常的情况下,这个时候一般都是程序...

zblog插件怎么安装

zblog插件怎么安装

        zblog的插件分为应用中心插件和自定义插件两大类。应用中心插件又分为免费插件和付费插件。自定义插件分为...