editormd-loader

一个简易的Editor.md加载工具

安装使用

通过NPM安装,import导入

npm install --save editormd-loader
import EditormdLoader from 'editormd-loader';

通过Script标签引入

<script src="https://unpkg.com/editormd-loader/dist/index.min.js"></script>

示例

点击DEMO查看

<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <title>Editor.md</title>
    <script src="https://unpkg.com/jquery/dist/jquery.js"></script>
  </head>
  <body>
    <div id="app"></div>
    <script src="https://unpkg.com/editormd-loader/dist/index.min.js"></script>
    <script>
      const editormdLoader = new EditormdLoader('./libs/editor.md');
      editormdLoader.createEditor('app');
    </script>
  </body>
</html>

API说明

  • EditormdLoader(libPath)
    • 说明:初始化实例,创建对象
    • 参数:
      • libPath
        • 类型:String
        • 说明:editor.md的js库路径
    • 示例:
      const editormdLoader = new EditormdLoader('./libs/editor.md');

方法

  • createEditor(el, options)

    • 类型:Function
    • 说明:创建编辑模式
    • 参数:
      • el:元素挂载的dom节点id
      • options:editor.md原生的参数,详细见官网Editor.md
    • 示例:
      editormdLoader.createEditor('editor');
  • markdownToHtml(el, options)

    • 类型:Function
    • 说明:markdown可视化模式
    • 参数:
      • el:元素挂载的dom节点id
      • options:editor.md原生的参数,详细见官网Editor.md
    • 示例:
      editormdLoader.markdownToHtml('editor', {
        markdown: '# Editor.md, Hello World!'
      });

版本更新说明

  • 1.0.1

    • 入库文件修改为index.min.js
  • 1.0.0

    • 异步引入Editor.md类库
    • 创建编辑模式
    • 创建markdown可视化模式

坤尘记

I AM KUNCHEN!思绪如风,总会在某处停留;用轻灵的文字书写关于技术生活的奇思妙想。

浙ICP备2020045526号