MarkDown，Animate,Typora插件的集成步骤

最新推荐文章于 2024-05-16 20:22:59 发布

有时间指导毕业设计

最新推荐文章于 2024-05-16 20:22:59 发布

阅读量948

点赞数 1

文章标签：编辑器前端 html5

本文链接：https://blog.csdn.net/houzhicongone/article/details/118188392

版权

前端专栏收录该内容

52 篇文章 0 订阅

订阅专栏

Markdown插件
Animate 动画集成
Typro

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--	引入markDown编辑器的css-->
    <link rel="stylesheet" href="../static/lib/editormd/css/editormd.min.css">
    <!--引入MarkDown的js-->
    <script src="../static/lib/editormd/editormd.min.js"></script>
</head>
<body>



<div id="md-content" style="z-index: 1 !important;">
    <textarea style="display:none;">### 关于 Editor.md

**Editor.md** 是一款开源的、可嵌入的 Markdown 在线编辑器（组件），基于 CodeMirror、jQuery 和 Marked 构建。
    </textarea>
</div>
<script src="https://cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
<!--引入MarkDown的js-->
<script src="../static/lib/editormd/editormd.min.js"></script>

<!--Markdown jquery-->
<script>
    $(function() {
        //md-content是textarea外层div的id属性名
        var editor = editormd("md-content", {
            width  : "100%",
            height : "100%",
            //这个地方一定要写对
            path   : "../static/lib/editormd/lib/"
        });
    });
</script>
</body>
</html>

细节问题：点击MarkDown的全屏显示的时候其他的元素以出现在它的上层，可以在MarkDown的最外层的盒子设置 style=“z-index: 1 !important”.

有时间指导毕业设计

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
MarkDown，Animate,Typora插件的集成步骤

Markdown插件Animate 动画集成Typro<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title>  <link rel="stylesheet" href="../static/lib/editormd/.
复制链接

扫一扫