springboot 365编辑器
时间: 2023-11-01 17:58:54 浏览: 156
editor:springboot整合editor
springboot集成editor.md是一个用于开发markdown编辑器的项目。你可以在博客地址https://blog.csdn.net/weixin_43653670/article/details/112095132中找到该项目的源码。在这个项目中,使用了SpringToolSuite4、JDK1.8和MySQL5.6进行开发。该编辑器实现了发布界面和带图片编辑等功能。
为了使用editor.md编辑器,你需要在页面加载完成后进行初始化。可以通过以下代码进行初始化:
```javascript
var contentEditor;
$(function() {
contentEditor = editormd({
id :'md-content',
width : '100%',
height : 640,
syncScrolling : 'single',
path : '/mylib/editormd/lib/'
});
});
```
如果想要使用editor.md编辑器,你需要先下载相应的资源包并将相关资源文件拷贝到项目的static目录下。然后在页面中引入editor.md的核心css和js文件,还需要先引入jquery,因为editor.md依赖于jquery。可以通过以下代码进行引入:
```html
<link rel="stylesheet" href="/mylib/editormd/css/editormd.min.css">
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="/mylib/editormd/editormd.min.js"></script>
```
在html标签中,使用以下代码来创建一个编辑区域:
```html
<div id="md-content" style="z-index: 1 !important;">
<textarea placeholder="博客内容" rows="20" name="content" style="display:none;"></textarea>
</div>
```
以上就是springboot集成editor.md开发markdown编辑器的主要内容。如果还有其他问题,请继续提问。
阅读全文