前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >编辑器 editor_ios 编辑器

编辑器 editor_ios 编辑器

作者头像
全栈程序员站长
发布2022-11-09 19:17:54
1.3K0
发布2022-11-09 19:17:54
举报
文章被收录于专栏:全栈程序员必看

大家好,又见面了,我是你们的朋友全栈君。

文章目录

前言

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

editor.md-releases

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

一、环境

phpstudy

phpstorm

editor.md

二、环境搭建

开启一下apachenginx服务,ftp1mysql2可以不用开启

在这里插入图片描述
在这里插入图片描述

把下载好的editor.md文件夹放到phpstudyWWW文件夹3

在这里插入图片描述
在这里插入图片描述

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

在这里插入图片描述
在这里插入图片描述

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

在这里插入图片描述
在这里插入图片描述

三、创建编辑器

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

代码语言:javascript
复制
editor.md/css/editormd.css
editor.md/editormd.js
editor.md/examples/js/jquery.min.js
editor.md/lib

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

在这里插入图片描述
在这里插入图片描述
代码语言:javascript
复制
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<!--设置css路径-->
<link rel="stylesheet" href="editor.md/css/editormd.css">
<!--设置js路径-->
<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>
<!--文本框,id必须为editor-->
<div id="editor">
<!-- 设置默认的markdown内容,优先级较低 mardown内容需要用textarea标签括起来,而且编辑器只会显示第一个textarea标签的内容 -->
<textarea>### Hello Editor.md !</textarea>
<textarea>123123</textarea>
</div>
</body>
</html>
在这里插入图片描述
在这里插入图片描述
  1. 需要文件上传或文件下载的时候再开启ftp ↩︎
  2. 数据库 ↩︎
  3. 在访问www时,URL是http://127.0.0.1/,以此类推。 ↩︎
  4. 示例文件夹放在实际环境中比较危险,建议删除 ↩︎

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/190235.html原文链接:https://javaforall.cn

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2022年9月23日 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 文章目录
  • 前言
  • 一、环境
  • 二、环境搭建
  • 三、创建编辑器
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档