编辑器 editor_ios 编辑器

编辑器 editor_ios 编辑器editor.md编辑器使用记录

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE稳定放心使用

前言

记录一下编辑器的安装使用过程,可能会有错误
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生效了

在这里插入图片描述

三、创建编辑器

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

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

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

在这里插入图片描述

<!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. 示例文件夹放在实际环境中比较危险,建议删除 ↩︎

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

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

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • idea如何部署web项目_net core winform

    idea如何部署web项目_net core winform原文来自http://www.fanganwang.com/Product-detail-item-1206.html,欢迎转载。关键字:WebGrid.NETEnterprise®是一个为ASP.NET平台下WEB开发而设计的高级数据表格控件。WebGrid.NET为复杂的分层次导航交互式企业级信息传输提了全面而先进的功能,它允许用户拥有更多有…

  • EM算法(Expectation Maximization Algorithm)详解

    EM算法(Expectation Maximization Algorithm)详解EM算法(ExpectationMaximizationAlgorithm)详解主要内容EM算法简介预备知识极大似然估计Jensen不等式EM算法详解问题描述EM算法推导EM算法流程EM算法优缺点以及应用1、EM算法简介  EM算法是一种迭代优化策略,由于它的计算方法中每一次迭代都分两步,其中一个为期望步(E步),另一个为极大步(M步),所以算法被称…

  • WebSocket 详解教程

    WebSocket 详解教程概述WebSocket是什么?WebSocket是一种网络通信协议。RFC6455定义了它的通信标准。WebSocket是HTML5开始提供的一种在单个TCP连接上进行全双工通讯

  • 【6】进大厂必须掌握的面试题-Hibernate

    点击上方“全栈程序员社区”,星标公众号 重磅干货,第一时间送达 1.什么是Hibernate Framework? 对象关系映射或对象关系管理(ORM)是将应用程序域模型对象映射到…

  • vi的撤销命令

    vi的撤销命令

    2021年10月22日
  • C语言中的void的理解

    C语言中的void的理解1初学者对C/C++语言中的void及void指针类型不甚理解,因此在使用上出现了一些错误。本文将对void关键字的深刻含义进行解说,并详述void及void指针类型的使用方法与技巧。2.void的含义void的字面意思是“无类型”,void*则为“无类型指针”,void*可以指向任何类型的数据。void几乎只有“注释”和限制程序的作用,因为从来没有人会定义一个void变量,

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号