{extend name="public/base"/}
{block name="body"}
<div class="main-box clearfix">
	<header class="main-box-header clearfix">
		<div class="pull-left">
			<h2></h2>
		</div>
	</header>
	<div class="main-box-body clearfix">
		<form action="" method="post" id="form1">
            <input type="hidden" id="id" name="id" value="{$data.id}">
            <input type="hidden" id="id" name="wxid" value="{$data.wxid}">
            <div class="form-group col-md-7">
                <label class="col-lg-2 control-label">按钮名称</label>
                <div class="col-lg-10 col-sm-10">
                            <input type="text" class="form-control" name="name" id="name" value="{$data.name}">
                </div>
            </div>

            <div class="form-group col-md-7">
                <label class="col-lg-2 control-label">原文地址</label>
                <div class="col-lg-10 col-sm-10">
                    <div id="editor">{$data.text}</div>
                    <textarea id="text" name="text" style="display: none;">{$data.text}</textarea>
                </div>
            </div>

            
            <div class="form-group col-md-12">
                <button type="button" class="btn btn-primary" onclick="edit()" style="margin-top: 25px;">保存</button>
                <a href="javascript:history.back(-1)" class="btn btn-success" style="margin-top: 25px;">返回</a>
            </div>

		</form>
	</div>
</div>
{/block}
{block name="script"}
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/wangeditor@latest/dist/wangEditor.min.js"></script>
<script type="text/javascript">
    const E = window.wangEditor
    const editor = new E('#editor')
    const $text1 = $('#text')
    editor.config.onchange = function (html) {
        // 第二步，监控变化，同步更新到 textarea
        $text1.val(escape2Html(html))
    }
    editor.create()

    // 第一步，初始化 textarea 的值
    // 图片上传
    // editor.config.uploadImgServer = '/index/index/wang_upload';
    $text1.val(editor.txt.html())


    function escape2Html(str) {
        var arrEntities={'lt':'<','gt':'>','nbsp':' ','amp':'&','quot':'"'};
        return str.replace(/&(lt|gt|nbsp|amp|quot);/ig,function(all,t){return arrEntities[t];});
    }
</script>
<script>
    function edit(){
        $.ajax({
            url: "{:url('wxpushall/edit_menu_text')}",
            type: 'POST',
            dataType: "json",
            cache: false,
            data: new FormData($('#form1')[0]),
            processData: false,
            contentType: false,
            success : function(data) {
                if (data.status==1) {
                    swal('同步成功',data.reg, {icon : "success",buttons:{confirm:{className : 'btn btn-success'}},});
                    window.location = "{:url('Wxpushall/menu_text',array('id'=>$data.wxid))}";
                } else {
                    swal('错误',data.reg, {icon : "error",buttons:{confirm:{className : 'btn btn-danger'}},});
                }
            }
        });
    }
</script>
{/block}