Ghost Markdown 编辑器使用教程

最新推荐文章于 2025-05-16 10:52:34 发布

管琴嘉Derek

最新推荐文章于 2025-05-16 10:52:34 发布

阅读量386

点赞数 4

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/gitblog_00826/article/details/141342910

Ghost Markdown 编辑器使用教程

Ghost-Markdown-EditorJust a responsive jquery markdown editor with instant preview.项目地址:https://gitcode.com/gh_mirrors/gh/Ghost-Markdown-Editor

项目介绍

Ghost Markdown 编辑器是一个响应式的 jQuery Markdown 编辑器，提供即时预览功能。该项目旨在为开发者提供一个简洁、高效的 Markdown 编辑环境，支持多种 Markdown 语法和实时预览，适用于博客、文档编写等多种场景。

项目快速启动

安装

首先，克隆项目仓库到本地：

git clone https://github.com/timsayshey/Ghost-Markdown-Editor.git

进入项目目录：

cd Ghost-Markdown-Editor

运行

在项目目录下，使用浏览器打开 index.html 文件即可看到编辑器界面。

open index.html

示例代码

以下是一个简单的示例代码，展示如何在 HTML 文件中引入 Ghost Markdown 编辑器：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Ghost Markdown Editor</title>
    <link rel="stylesheet" href="path/to/ghostdown.css">
    <script src="path/to/jquery.js"></script>
    <script src="path/to/ghostdown.js"></script>
</head>
<body>
    <div id="editor"></div>
    <script>
        $(document).ready(function() {
            $('#editor').ghostdown();
        });
    </script>
</body>
</html>