Layuiリッチテキストエディタの注意点


クリックして情報を変更するページを開き、既存の情報を表示します.layuiリッチテキストエディタの設定初期化はbuildの前にしなければならないため、すべての変更をクリックするたびに最初のクリックだけがbuildになります.キャッシュの問題かもしれないと推測して、データを取得できないのは、データがbuildの前に設定されなければならないからです.ページのブラウザキャッシュを無効にすればいいです.火狐はいらない.ie chromeは無効にする必要があります.これは、thymeleafの問題であるthymeleafヘッダがテンプレートがhtml 5フォーマットであり、厳密ではないthymeleaf html 5検証のためです.
  content="width=device-width, initial-scale=1, maximum-scale=1">.
ヘッダを追加するかurlの後に乱数Mathを追加する.random()
次はthymeleafのjs初期化で、リッチテキストを構築する前に無効にする必要があります.

	/*    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 $()	
    });  
	
	
/*<![CDATA[*/
	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
});	
/*]]>*/