springboot使用富文本编辑器,时间日期选择插件进行数据库存储数据,在取出回显(过滤html标签)

layui-前段的js,css在里面下载
下载完毕进行本地第js,css样式引入,如果引入不成功
请参考这里进行设置

存储

数据库
在这里插入图片描述
entity层
在这里插入图片描述

dao层
继承基类
在这里插入图片描述

service层
在这里插入图片描述

controller层

SimpleDateFormat(“yyyy-MM-dd HH:mm:ss”)是上传年月日,时分秒的,下面的只有年月日,疏忽问题忘记了

在这里插入图片描述

html页面

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../static/layui/css/layui.css"  media="all">
    <script src="../static/layui/layui.js" charset="utf-8"></script>
    <script src="../static/layui/layui.all.js"></script>

</head>
<body>
<form id="form" action="/hello/hello1">
    <textarea class="layui-textarea" id="example" name="example"></textarea>
    <div class="layui-form">
        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">日期时间选择器</label>
                <div class="layui-input-inline">
                    <input type="text" name="sj" class="layui-input" id="test5" placeholder="yyyy-MM-dd HH:mm:ss">
                </div>
            </div>
        </div>
    </div>
    <button class="layui-btn layui-btn-blue" lay-submit lay-filter="formDemo">提交</button>
</form>
</body>
<script>
    layui.use('laydate', function(){
        var laydate = layui.laydate;
        //日期时间选择器
        laydate.render({
            elem: '#test5'
            ,type: 'datetime'
        });
    });
</script>
<script>
    var form = layui.form;//引入form模块
    var layedit = layui.layedit;//引入layedit模块
    var laybuild =  layedit.build("example",{
        tool:['strong' ,'italic','underline','del','|','left','center','right','|','face']
    });
</script>
</html>

回显

controller层
在这里插入图片描述
util包

package com.yyy.demo.util;

import jdk.nashorn.internal.runtime.regexp.joni.Regex;
import org.apache.commons.lang.StringUtils;

import java.util.*;
import java.util.regex.Matcher;
import java.util.regex.Pattern;
import java.util.regex.PatternSyntaxException;

public class TrimHtml {
    /**
     * 得到网页中图片的地址
     */
    public static Set<String> getImgStr(String htmlStr) {
        Set<String> pics = new HashSet<>();
        String img = "";
        Pattern p_image;
        Matcher m_image;
        //     String regEx_img = "<img.*src=(.*?)[^>]*?>"; //图片链接地址
        String regEx_img = "<img.*src\\s*=\\s*(.*?)[^>]*?>";
        p_image = Pattern.compile
                (regEx_img, Pattern.CASE_INSENSITIVE);
        m_image = p_image.matcher(htmlStr);
        while (m_image.find()) {
            // 得到<img />数据
            img = m_image.group();
            // 匹配<img>中的src数据
            Matcher m = Pattern.compile("src\\s*=\\s*\"?(.*?)(\"|>|\\s+)").matcher(img);
            while (m.find()) {
                pics.add(m.group(1));
            }
        }
        return pics;
    }

    public static String stringFilter(String str)throws PatternSyntaxException {
        String text = str;
        text = text.replaceAll("(?!<*?>)<.*?>", "");
        return text;
    }
}

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值