spring 整合editor.md 实现markdown 编辑

最新推荐文章于 2024-06-10 09:02:37 发布

J_小浩子

最新推荐文章于 2024-06-10 09:02:37 发布

阅读量3.4k

点赞数 2

分类专栏： java 文章标签： spring markdown markdown java markdown editor.md

本文链接：https://blog.csdn.net/change_on/article/details/79723388

版权

整合一个编辑器，其实很简单。首先找到他的源码，以editor.md 为例：https://github.com/pandao/editor.md
下载后，到examples文件夹看看，看到一个simple.html的例子，这就是可以复制的前端代码：

这里写图片描述

到myeclipse中新建一个应用, 并添加spring支持（公司用jdk1.7，就简单用spring4.2.5, 不用spring boot，理解整合原理就行）

这里写图片描述

着重看下前端的页面：

index.jsp，css和js自己拷贝并改下路径

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE html>
<html lang="zh">
    <head>
        <meta charset="utf-8" />
        <title>Simple example - Editor.md examples</title>
        <link rel="stylesheet" href="css/style.css" />
        <link rel="stylesheet" href="css/editormd.css" />
        <link rel="shortcut icon" href="https://pandao.github.io/editor.md/favicon.ico" type="image/x-icon" />
        <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">    
    </head>
    <body>
        <div id="layout">
            <header>
                <h1>Simple example</h1>
            </header>
            <form action="markdownTest" method="post">
            <div id="test-editormd">
                <textarea style="display:none;" name="markdownContent"></textarea>
            </div>
            <button type="submit" class="btn btn-info col-md-offset-3 col-md-6">添加</button>
                </form>
        </div>
        <script

最低0.47元/天解锁文章

J_小浩子

关注

2
点赞
踩
11

收藏

觉得还不错? 一键收藏
2
评论
spring 整合editor.md 实现markdown 编辑

整合一个编辑器，其实很简单。首先找到他的源码，以editor.md 为例：https://github.com/pandao/editor.md 下载后，到examples文件夹看看，看到一个simple.html的例子，这就是可以复制的前端代码：到myeclipse中新建一个应用, 并添加spring支持（公司用jdk1.7，就简单用spring4.2.5, 不用spring boot...
复制链接

扫一扫