若依框架富文本编辑器

最新推荐文章于 2024-06-07 06:55:03 发布

酷酷的橙子

最新推荐文章于 2024-06-07 06:55:03 发布

阅读量3.9k

点赞数

本文链接：https://blog.csdn.net/weixin_44834916/article/details/116601616

版权

若依框架富文本编辑器

//引入
<head>
    <meta charset="UTF-8">
    <title>without bootstrap</title>
    <script src="../../../static/js/jquery-3.4.1.slim.min.js" th:src="@{/js/jquery-3.4.1.slim.min.js}"></script>
    <link href="../../../static/css/summernote-lite.min.css" th:href="@{/css/summernote-lite.min.css}" rel="stylesheet" />
    <link href="../../../static/css/font/summernote.woff2" th:href="@{/css/font/summernote.woff2}" rel="stylesheet" />
    <link href="../../../static/css/font/summernote.woff" th:href="@{/css/font/summernote.woff}" rel="stylesheet" />
    <script src="../../../static/js/summernote-lite.min.js" th:src="@{/js/summernote-lite.min.js}"></script>
    <script src="../../../static/js/summernote-zh-CN.js" th:src="@{/js/summernote-zh-CN.js}"></script>
</head>
//定义富文本
<div id="summernote"></div>

<script>
//初始化
    $('#summernote').summernote({
        lang : 'zh-CN',// 语言
        placeholder: 'Hello stand alone ui',
        tabsize: 2,
        height: 120,//高度
        toolbar: [
            ['style', ['style']],
            ['font', ['bold', 'underline', 'clear']],
            ['color', ['color']],
            ['para', ['ul', 'ol', 'paragraph']],
            ['table', ['table']],
            ['insert', ['link', 'picture', 'video']],
            ['view', ['fullscreen', 'codeview', 'help']]
        ]
    });
    
    
//保存富文本内容
   //取值
       var markupStr = $('#summernote').summernote('code')

       //保存非图片类
       var url = "/suumo/house/summernote";
       $.ajax({
           url : url,
           async: false,
           type:"post",
           data : {"ftext":markupStr},
           success: function (data) {
               console.log("保存成功")

           }
       });


//编辑页面有内容时初始化
    var inputext;
    $(function() {
        //获取富文本的值
         inputext = $("#inputtext").val();
        //赋值
        $('#summernote').summernote("code",inputext);
    })
</script>

酷酷的橙子

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
若依框架富文本编辑器

若依框架富文本编辑器//引入<head> <meta charset="UTF-8"> <title>without bootstrap</title> <script src="../../../static/js/jquery-3.4.1.slim.min.js" th:src="@{/js/jquery-3.4.1.slim.min.js}"></script> <link href="
复制链接

扫一扫