引用富文本编辑器

60 篇文章 0 订阅
54 篇文章 1 订阅
<link rel="stylesheet" href="/layui-v2.5.6/layui/css/layui.css"  media="all">
<link rel="stylesheet" href="/vue/index.css">
<link rel="stylesheet" href="/vue/vue.css">
<div class="box box-info header" style="border-top-color:white;">
   <div class="col-md-12">
     <div class="box-body">           
        <textarea id="lay_edit" class="lay_edit" lay-verify="content" name = "text" th:text="${model.text}">
        </textarea>
      </div>
    </div>
  </div>
</div>		
<script src="/js/upimg/upload_img.js"></script>
<script src="/layui-v2.5.6/layui/layui.js"></script>
<script>
    var html = "";
    layui.use(['layedit', 'form'], function(){
        var form = layui.form;
        var layedit = layui.layedit;
        layedit.set({   //设置图片接口
            uploadImage: {
                url: '/admin/development/uploadPathFile', //接口url
                type: 'post'
            }
        });
        // 初始赋值富文本
        $("#lay_edit").html("{{$html}}");
        //创建一个编辑器,lay_edit为textarea标签的id值
        var index = layedit.build('lay_edit',{
            height: 350    //设置编辑器的高度
        });
        // 赋值html
        $(document.getElementById("LAY_layedit_" + index)).contents().find("body").on('mouseout', function () {
            html = layedit.getContent(index)
        });

    });
</script>    
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值