工具使用-Editor.md编辑器

发布时间：2025-12-09 20:11:33 浏览次数：5

文章目录

前言
一、环境
二、环境搭建
三、创建编辑器

前言

记录一下编辑器的安装使用过程，可能会有错误
editor.md是一个markdown编辑器，可至github下载它的发行版本
百度看见有它的漏洞

editor.md-releases

Editor.md - 开源在线Markdown编辑器

一、环境

phpstudy

phpstorm

editor.md

二、环境搭建

开启一下apache或nginx服务，ftp^{1、mysql^{2可以不用开启}}

把下载好的editor.md文件夹放到phpstudy的WWW文件夹³

这两个示例文件夹^{4，访问一下http://127.0.0.1/test/editor.md/examples/simple.html看看editor.md能不能用的}

出现如下的界面后表示editor.md生效了

三、创建编辑器

下方的几个文件和文件夹需要用到

editor.md/css/editormd.csseditor.md/editormd.jseditor.md/examples/js/jquery.min.jseditor.md/lib

如果examples需要删除的话，就需要将jquery移动到其他地方
创建一个index.html，具体的使用方式都在注释中

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Title</title><link rel="stylesheet" href="editor.md/css/editormd.css"><script src="jquery.min.js"></script><script src="editor.md/editormd.js"></script><script type="text/javascript">$(function() {var editor = editormd("editor", {width: "100%",//设置文本框的宽度（非必要），既可以百分比也可以和height一样height: "500px",//设置文本框的高度（非必要），单位为像素，px也可以省略不写//markdown: "#123123", // 默认的markdown内容（优先级较高，非必要）path : "editor.md/lib/" // 模块的调用路径（必要）});});</script></head><body><p id="editor"><textarea>### Hello Editor.md !</textarea><textarea>123123</textarea></p></body></html>

需要文件上传或文件下载的时候再开启ftp ↩︎

数据库 ↩︎

在访问www时，URL是http://127.0.0.1/，以此类推。 ↩︎

示例文件夹放在实际环境中比较危险，建议删除 ↩︎

上一篇：卡巴斯基kis6换许可文件key教程（转）下一篇：童鞋论文网(学位论文网靠谱吗？)

知识问答

工具使用-Editor.md编辑器

文章目录

前言

一、环境

二、环境搭建

三、创建编辑器

综合百科

网站导航