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、完结。
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、完结。
新闻资讯 更多
热门文章
- 178Moban源码谈谈免费源码与收费源码的区别
- 2帝国CMS忘记后台登陆用户名、密码、认证码的解决方法
- 3帝国CMS(EmpireCMS) v7.5后台任意代码执行漏洞及具体修复方法
- 4帝国CMS和WordPress 哪个好?哪个适合建站?
- 5如何解决Discuz的密码错误次数过多请15分钟后登陆的问题
- 6帝国cms灵动标签取得内容和栏目链接地址
- 7emlog pro 注册码“开心”教程(如果有一天,emlog官方版 或者 emlog免费版 跑路了,那用户怎么办?)
- 8织梦CMS在nginx下设置伪静态方法(附nginx伪静态规则)
- 9帝国cms后台登录出现”您还未登录”怎么解决?
- 10帝国cms7.5忘记登录密码 和忘记登录认证码以及多次登录 失败被锁定解决办法