layui JSP頁面富文字框
阿新 • • 發佈:2022-04-13
<tr> <th>合同正文</th> <td colspan="3"><%--placeholder="內容最多2000字" maxlength="2000"--%> <%--<textarea class="layui-textarea" id="LAY_demo1" name="content" style="display: none;">${object.content}</textarea>--%> <textarea id="content" name="content" style="display: none;" autocomplete='off'> ${object.content} </textarea> </td> </tr>
js引入元件
var indexEdit=layedit.build('content',{ height: '100%', //設定編輯器高度 tool: [ 'strong' //加粗 ,'italic' //斜體 ,'underline' //下劃線 ,'del' //刪除線 ,'|' //分割線 ,'left' //左對齊 ,'center' //居中對齊 ,'right' //右對齊 ,'link' //超連結 ,'unlink' //清除連結 //,'image' //插入圖片 ] }); //建立編輯器
ajax提交表單獲取富文字內容
//監聽提交
form.on('submit(formSubmit)', function(data){
var loading = curlayer.load(2, {offset: ['40%', '50%'], shade: [0.1, '#3595CC'], area: ['10%', '10%']});
var recId='0';
var str = layedit.getContent(indexEdit);
data.field.content = str;
if(data.field.recId!=''){
recId=data.field.recId;
}
//0審批完成 1駁回待處理 2待審批 3暫存
data.field.states='2';
$.ajax({
type: "PUT",
url: basePath+'/service/contractManage/contractinfo/'+recId,
data: data.field,
/*async:false,*/
dataType: "json",
success: function(data){
if(data.data.code=='200'){
layer.msg("操作成功", {icon: 1});
parent.location.reload();
}else if(data.data.code=='0'){
curlayer.close(loading);
layer.msg(data.data.msg, {icon: 0});
} else {
curlayer.close(loading);
layer.msg("操作失敗", {icon: 0});
}
}
});
});
jsp頁面檢視富文字轉義處理
if ("view".equals(type)) { if (StringUtils.isNotBlank(contractInfo.getContent())) { contractInfo.setContent(StringEscapeUtils.unescapeXml(contractInfo.getContent())); } forward = "forward:/modules/oa/contractManage/contractinfo/contractinfo-view.jsp"; }