1. 程式人生 > 其它 >layui JSP頁面富文字框

layui JSP頁面富文字框

<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";
        }