登录  /  注册
无法提交content的数据
朱贺~萌猫智科
朱贺~萌猫智科 2023-12-01 22:38:14
[ThinkPHP讨论组]

image.png

<!DOCTYPE html><html><head>    <title>管理员列表 - 后台管理系统</title>    <meta name="renderer" content="webkit">    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">    <link rel="stylesheet" type="text/css" href="/static/layui/css/layui.css" media="all">    <script type="text/javascript" src="/static/layui/layui.js"></script>    <style type="text/css">        .header span{background:#009688;margin-left:30px;padding:10px;color:#ffffff;}        .header div{border-bottom:solid 2px #009688;margin-top: 8px;}        .header button{float:right;margin-top:-5px;}    </style></head><body style="padding:10px; box-sizing: border-box;"><form class="layui-form">    <div class="layui-form-item">        <label class="layui-form-label">文章标题</label>        <div class="layui-input-inline">            <input type="text" class="layui-input" name="textname" >        </div>    </div>    <div class="layui-form-item">        <label class="layui-form-label">文章简介</label>        <div class="layui-input-inline">            <textarea name="text" required lay-verify="required" placeholder="请输入" class="layui-textarea"></textarea>        </div>    </div>    <div class="layui-form-item">        <label class="layui-form-label">文章封面</label>        <div class="layui-input-inline">            <button type="button" class="layui-btn layui-btn-fluid" id="up_test_img">上传图片</button>        </div>        <div class="layui-form-mid layui-word-aux">支持png,jpg,gif</div>    </div>    <div class="layui-form-item">        <label class="layui-form-label">封面预览</label>        <div class="layui-input-block">            <div class="layui-upload-list" id="srcimg" style="width:90%;float:left;"></div>        </div>    </div>    <!--基本信息 end-->    <div class="layui-form-item">        <label class="layui-form-label">文章详情</label>        <div class="layui-input-block">            <textarea id="content" name="content" style="display: none;"  value=""></textarea>        </div>    </div>    <div class="layui-form-item">        <label class="layui-form-label">状态</label>        <div class="layui-input-block">            <input type="radio" name="status" value="1" title="开启" checked="">            <input type="radio" name="status" value="0" title="禁用">        </div>    </div></form><div class="layui-form-item">    <div class="layui-input-block">        <button type="button" class="layui-btn" onclick="save()">保存</button>    </div></div><script type="text/javascript">    layui.use(['layer','form','upload','laydate','layedit','element'],function(){        form = layui.form;        layer = layui.layer;        $ = layui.jquery;        var element = layui.element;        var layedit = layui.layedit;      layedit.build('content',{            height: 300, //设置编辑器高度        });        upload = layui.upload;        upload.render({            elem: "#up_test_img",            url: "/admin/upload/upload_img",            multiple: true,            done: function(res,title){                if(res.code > 0){                    return layer.msg("上传失败,"+res.msg);                }else{                    $("#srcimg").append('<div class="upload_pic_li" style="position:relative; width:100px; float:left; margin:0 10px 10px 0"><img style="width:100px;height:100px;" src="'+ res.url +'" class="layui-upload-img" onmouseover="show_img(this)" onmouseleave="hide_img()"><input type="hidden" name="test_img" value="'+res.data+'"/><a class="close-img" href="javascript:;" onclick="deleteImage(\''+res.data+'\',this);return false;"></a></div>');                }            }        });        //富文本        layedit.set({            uploadImage: {                url:"/admin/upload/upload_imgs"                ,type: 'post'                ,accept: 'image'                , acceptMime: 'image/*'                ,exts: 'jpg|png|gif|bmp|jpeg'                , size: '10240'            }            , devmode: true            , codeConfig: {                hide: true,  //是否显示编码语言选择框                default: 'javascript' //hide为true时的默认语言格式            }            , tool: [                'strong' //加粗                ,'italic' //斜体                ,'underline' //下划线                ,'del' //删除线                ,'|' //分割线                ,'left' //左对齐                ,'center' //居中对齐                ,'right' //右对齐                ,'link' //超链接                ,'unlink' //清除链接                ,'face' //表情                ,'image' //插入图片                ,'help' //帮助            ]            ,height: 300, //设置编辑器高度        });        var index = layedit.build('content',{            height: 300, //设置编辑器高度        });   //建立编辑器        //提交时把值同步到文本域中        form.verify({            //content富文本域中的lay-verify值            content: function(value) {                return layedit.sync(index);            }        });    });    function save(){        // 同步富文本编辑器的内容        $.post("/admin/text/textadd",$('form').serialize(),function (res){            if (res.code==0){                layer.msg(res.msg,{'icon':1})                setTimeout(function (){                    parent.window.location.reload();                },1000);            }else {                layer.msg(res.msg,{'icon':2});            }        },'json');    }</script></body></html>

朱贺~萌猫智科
朱贺~萌猫智科

全部回复(0)
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2024 //m.sbmmt.com/ All Rights Reserved | php.cn | 湘ICP备2023035733号