layui富文本编辑器注意点

点击打开一个修改信息的页面，同时显示已有的信息，由于layui 富文本编辑器设置初始化必须在build之前，所有每次点击修改的时候只有第一次点击会build，猜测可能是缓存问题，造成无法获取到数据，原因还是因为数据必须在build之前被设置进去。禁用该页面的浏览器缓存即可。 火狐不需要。ie chrome 都需要禁用，这可能是因为thymeleaf的问题  thymeleaf头是 模板是html5格式，非严格thymeleaf html5验证。

 

content="width=device-width, initial-scale=1, maximum-scale=1">。

添加头 或者在url后添加随机数Math.random()

下面是 thymeleaf 中 js  初始化必须是在构建富文本之前，否则无效

"text/javascript" th:inline="javascript">
    /* 只使用jquery  */
        layui.use(['jquery','layer','form'],function(){
            var form = layui.form
            var $ = layui.jquery;
            $(document).ready(function(){
            var id = [[${#httpServletRequest.getParameter('id')}]];  //获取传过来的id值
            $.ajax({
                    url: "../admin/blog/get" ,
                    data: {'id':id} ,
                    type: "get" ,
                    dataType:'json',
                    success:function(result){
                    if([[result.success]]){
                        //location.reload();
                        //已经到了这步了。
                        var index = layer.load(2, {time: 5*1000}); //又换了种风格，并且设定最长等待5秒
                         /* var resultt = eval("(" + result.responseText + ")"); */
                         /* result = JSON.parse(result.responseText); */
                        $("#title").val(result.title);
                        $("#keyWord").val(result.keyWord);
                        $("#blogTypeId").val(result.blogType.id);
                        form.render('select'); //刷新select选择框渲染
                        $("#LAY_demo_editor").val(result.content);
                        layer.close(index);
                    }else{
                            layer.msg("加载失败！");
                        }
                    } //end success
                });//end ajax

        });     //end $()
    });

    "javascript" type="text/javascript">
/*
    layui.use(['form', 'layedit', 'laydate', 'jquery', 'layer'],
function() {
    var form = layui.form,
    layer = layui.layer,
    layedit = layui.layedit,
    laydate = layui.laydate,
    $ = layui.jquery;
    //上传图片,必须放在 创建一个编辑器前面
    layedit.set({
        uploadImage: {
            url: '../uploadFile' //接口url
            ,
            type: 'post' //默认post
        }
    });

    //创建一个编辑器  id=LAY_demo_editor
    var editIndex = layedit.build('LAY_demo_editor');
    //自定义验证规则（只要非空即可）
    //监听提交
    form.on('submit(demo1)',
    function(data) {
        //获取博客标题
        var title = data.field["title"]
        //获取博客类别id
        var blogTypeId = data.field["blogTypeId"]
        //获取博客内容 带标记
        var content = layedit.getContent(editIndex)
        //截取博客前155字符 作为博客简介
        var summary = layedit.getText(editIndex).substr(0, 155);
        //博客关键词
        var keyWord = data.field["keyWord"]
        //获取博客内容  不带标签 纯文本
        var contentNoTag = layedit.getText(editIndex) ;
        $.ajax({
            async: false,
            url: '../admin/blog/save',
            data: {
                //thymeleaf获取request参数id值
                'id': [[${#httpServletRequest.getParameter('id')}]],
                'title': title,
                'blogType.id': blogTypeId,
                'content': content,
                'summary': summary,
                'keyWord': keyWord,
                'contentNoTag': contentNoTag
            },
            type: 'post',
            success: function(result) {
                if ([[result.success]]) {
                    layer.alert('修改成功！', {
                        title: '系统提示',
                        icon: 6,
                    },
                    function(index) {
                        //下拉框不会清空，需要手动设值，设置value==selected的为默认选中
                        layer.close(index); //关闭并回到管理页面
                        window.location.href = '/views/blogManage'
                    });
                } else {
                    layer.alert('修改失败。。', {
                        title: '系统提示',
                        icon: 5,
                    },
                    function(index) {
                        location.reload() //重写加载表格
                        //下拉框不会清空，需要手动设值，设置value==selected的为默认选中
                        $("#blogTypeId").val("selected");
                        layer.close(index); //关闭 重新回调修改页面
                        window.location.href = '/views/modifyBlog'

                    }); //end layer.alert
                } //end else
            } //end success
        }); //end ajax
        return false;
    }); //end form on
});
/*]]>*/