javaweb项目集成editor.md编辑器---markdown编辑器

最新推荐文章于 2025-06-04 19:42:04 发布

原创

最新推荐文章于 2025-06-04 19:42:04 发布 · 5.9k 阅读

15 ·

CC 4.0 BY-SA版权

文章标签：

#java web

本文介绍了如何在JavaWeb项目中集成Editor.md markdown编辑器。首先从官网下载编辑器并整理文件，然后将编辑器静态资源放入项目静态文件夹，接着展示HTML和JSP代码示例，实现编辑器与数据库的交互。虽然内容基础，但对初学者有所帮助。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

最近写一个博客系统，需要集成编辑器，所以我就打算集成一个markdown编辑器用来编辑文章。在网上搜，好像editor.md这个国产开源的markdown编辑器比较好。不过想吐槽是网上的教程真的。。。哈哈哈，开始我们的教程：
1.首先在editor.md官网(http://pandao.github.io/editor.md/)下载这一个编辑器。
这是下载好后的文件目录

这里写图片描述
2.将目录下的css目录，images目录，lib目录，plugins目录，src目录以及example目录中的css目录，js目录和整合一下

3.将提取后的文件放在你项目的静态文件夹中，我用的idea，我放在web目录下的static文件夹中，
写一个html如下

<!DOCTYPE html>
<html lang="zh">
    <head>
        <meta charset="utf-8" />
        <title>Simple example - Editor.md examples</title>
        <link rel="stylesheet" href="/static/Admin/editor/css/style.css" />
        <link rel="stylesheet" href="/static/Admin/editor/css/editormd.css" />
        <link rel="shortcut icon" href="https://pandao.github.io/editor.md/favicon.ico" type="image/x-icon" />
        <link rel="stylesheet" href="/static/Public/css/bootstrap_button.css">\
        <style>
            #submit_button{
                display:block;
                margin-left: 42%;
                margin-top: 2em;
                margin-bottom: 2em;
            }
            .input{