Layuiリッチテキストエディタの注意点
4432 ワード
クリックして情報を変更するページを開き、既存の情報を表示します.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初期化で、リッチテキストを構築する前に無効にする必要があります.
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
});
/*]]>*/