随笔 - 144  文章 - 0  评论 - 2  阅读 - 92190

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

 


posted on   IT-QI  阅读(374)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 提示词工程——AI应用必不可少的技术
· 地球OL攻略 —— 某应届生求职总结
· 字符编码:从基础到乱码解决
· SpringCloud带你走进微服务的世界
< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

点击右上角即可分享
微信分享提示