simditor富文本编辑器及时间格式

最新推荐文章于 2024-03-24 17:13:24 发布

单眼皮女孩i

最新推荐文章于 2024-03-24 17:13:24 发布

阅读量139

点赞数

文章标签： html

本文链接：https://blog.csdn.net/weixin_44889526/article/details/120219499

版权

simditor

simditor.jsp
SimditorServlet.java
simditorList.jsp
样式
时间戳

需要的js：

simditor.jsp

<head>
    <base href="<%=basePath%>">
    <title>Title</title>
    <link rel="stylesheet" href="/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="/js/simditor-2.3.28/site/assets/styles/simditor.css" />

    <script src="js/simditor-2.3.28/site/assets/scripts/jquery.min.js"></script>
    <script type="text/javascript" src="js/simditor-2.3.28/site/assets/scripts/module.js"></script>
    <script type="text/javascript" src="js/simditor-2.3.28/site/assets/scripts/hotkeys.js"></script>
    <script type="text/javascript" src="js/simditor-2.3.28/site/assets/scripts/uploader.js"></script>
    <script type="text/javascript" src="js/simditor-2.3.28/site/assets/scripts/simditor.js"></script>
</head>
<body>

    <div class="container" style="padding-top:20px ">
        <form action="/simditor" method="post">
            <textarea id="editor" placeholder="Balabala" autofocus name="msg"></textarea>
            <input type="submit" value="发表">
        </form>
    </div>

    <script>
        $(function () {

            var editor = new Simditor({
                textarea:$('#editor'),

                toolbar:[
                    'title',
                    'bold',
                    'italic',
                    'underline',
                    'strikethrough',
                    'fontScale',
                    'color',
                    'ol',
                    'ul',
                    'blockquote',
                    'code',
                    'table',
                    'link',
                    'image',
                    'hr',
                    'indent',
                    'outdent',
                    'aligement'
                ],
               /* upload:{
                    url:'/simditorupload',
                    connectionCount: 3,
                    leaveConfirm: 'Upload is in progress,are you sure to leave this page?'
                },*/
                pasteImage:true

            });
        });
    </script>
</body>

SimditorServlet.java

@WebServlet("/simditor")
public class SimditorServlet extends HttpServlet {

    @Override
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        SimtidorService simtidorService = new SimtidorService();
        List<Msg> msgList = simtidorService.findAll();
        request.setAttribute("msgList",msgList);
        request.getRequestDispatcher("simditorList.jsp").forward(request,response);

    }

    @Override
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

        request.setCharacterEncoding("utf-8");
        String msg = request.getParameter("msg");

        SimtidorService simtidorService = new SimtidorService();
        Msg m = new Msg();
        m.setMsg(msg);
        simtidorService.save(m);
        response.sendRedirect("/simditor");

    }
}

simditorList.jsp

<head>
    <base href="<%=basePath%>">
    <title>Title</title>
    <link rel="stylesheet" href="/css/bootstrap.min.css">
</head>
<body>
<table class="table table-striped">
    <thead>
    <tr>
        <th>ID</th>
        <th>内容</th>
    </tr>

    </thead>
    <tbody>
    <c:forEach items="${msgList}" var="msg">
        <tr>
            <td>${msg.id}</td>
            <td>${msg.msg}</td>
        </tr>
    </c:forEach>
    </tbody>

</table>

</body>

样式

在这里插入图片描述

时间戳

        Date date = new Date();
        System.out.println(date);//Sat Sep 11 13:31:16 CST 2021

        SimpleDateFormat simpleDateFormat = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");
        String format = simpleDateFormat.format(date);
        System.out.println(format);//2021-09-11 13:31:16

        Timestamp timestamp = Timestamp.valueOf(format);
        System.out.println(timestamp);//2021-09-11 13:31:16.0  时间戳