{include file='common/head.html'}
<style type="text/css">
    .ace_print-margin {
        display: none;
    }
</style>
<div class="layui-body">
    <pre id="editor" style="position:absolute;top:0;bottom:0;left:0;right:0;">{$content}</pre>
    <button type="submit" name="submit" onclick="return submit();" class="layui-btn layui-btn-sm" style="position:absolute;bottom:25px;right:50px;">保存修改</button>
</div>
<script crossorigin="anonymous" integrity="sha384-UXw3wi5BiYWZhzAanFWIr5Y05huSNCRyCeO9MFq9Z7TErfqx+G/jttCrEdjyLxK4" src="https://lib.baomitu.com/ace/test/ace.js"></script>
<script crossorigin="anonymous" integrity="sha384-T1P6kxHW+DGKcpp4iitYfFD62bkGaT3dsIrTCFeHgOb3/9/vqJ1HxhcWU36YpiYJ" src="https://lib.baomitu.com/ace/test/ext-language_tools.min.js"></script>
<script>
    //初始化代码编辑器
    (function initEditor() {
        //获取控件   id ：editor
        editor = ace.edit("editor");
        //设置风格和语言（更多风格和语言，请到github上相应目录查看）
        theme = "monokai";
        //语言
        language = "html";
        editor.setTheme("ace/theme/" + theme);
        editor.session.setMode("ace/mode/" + language);
        //字体大小
        editor.setFontSize(16);
        //设置只读（true时只读，用于展示代码）
        editor.setReadOnly(false);
        //自动换行,设置为off关闭
        editor.setOption("wrap", "free");
        //启用提示菜单
        ace.require("ace/ext/language_tools");
        //语言模式的语法检查
        editor.session.setUseWorker(true);
        //设置行高亮显示
        editor.setHighlightActiveLine(true);
        //自动提示语法
        editor.setOptions({
            enableBasicAutocompletion: true, //
            enableSnippets: true, //
            enableLiveAutocompletion: true, // 补全
        });
        //添加新命令和快捷键
        editor.commands.addCommands([{
            name: 'save',
            bindKey: {
                win: 'Ctrl-S',
                mac: 'Command-S'
            },
            exec: function(editor) {
                submit(this, 'ace');
            }
        }]);
    }());

    function submit() {
        $.post('{url./admin/Editor/save}', {
            formcheck: "{$formcheck}",
            path: "{$path}",
            content: editor.getValue()
        }, function(data) {
            if (data.code == '1') {
                layer.msg(data.data, {
                    icon: 1
                });
            } else {
                layer.msg(data.data, {
                    icon: 2
                });
            }
        }, 'json');
    }
</script>
{include file='common/foot.html'}
{if(!session('rd_unlock'))}
<script>
$(document).ready(function(){
    layui.use("layer",function(){
        var layer = layui.layer;
        layer.ready(function () {
            layer.prompt({
                title:'开发者密码验证',
                formType: 1,
                closeBtn: 0,
                btnAlign: 'c',
                btn: ['验证']
            },function(value, index){
                $.post('{url./admin/index/developerCheck}', {
                    fm_pwd:value,
                    formcheck:'{$formcheck}'
                },function(data) {
                    if(data.code=='1'){
                        layer.msg(data.data, {icon: 1});
                        layer.close(index);
                    }else{
                        layer.msg(data.data, {icon: 2});
                    }
                }, 'json');
            });
        })
    })
}); 
</script>
{/if}