/medium-editor-markdown

:pencil: A Medium Editor extension to add markdown support.

Primary LanguageJavaScriptMIT LicenseMIT

medium-editor-markdown

Medium Editor Markdown PayPal Version Downloads Get help on Codementor

A Medium Editor extension to add markdown support.

Click here to see the Medium Editor project.

Usage

The available scripts are:

  • me-markdown.no-deps.js
  • me-markdown.no-deps.min.js
  • me-markdown.standalone.js
  • me-markdown.standalone.min.js

The *.standalone.* scripts contain all the dependencies included there.

The *.no-deps.* scripts contain only the extension code. You will have to include manually to-markdown.js on the page, before including the markdown extension.

The *.min.* scripts are minified.

Demo

Click here for a live demo.

Medium Editor Markdown

Example

<div class="editor"></div>
<pre class="markdown"></pre>
<script src="path/to/medium-editor.js"></script>
<script src="path/to/me-markdown.standalone.min.js"></script>
<script>
    (function () {
        var markDownEl = document.querySelector(".markdown");
        new MediumEditor(document.querySelector(".editor"), {
            extensions: {
                markdown: new MeMarkdown(function (md) {
                    markDownEl.textContent = md;
                })
            }
        });
    })();
</script>

Building

To rebuild the dist files, run ./build.

Documentation

MeMarkdown(options, callback)

Creates a new instance of MeMarkdown.

Params

  • Object options: An object containing the following fields:
  • events (Array): An array with the events when the markdown code will be generated (default: ["input", "change"]).
  • callback (Function): The callback function. If the second argument is a function, then it has greater priority.
  • Function callback: The callback function that is called with the markdown code (first argument).

How to contribute

Have an idea? Found a bug? See how to contribute.

Thanks

Where is this library used?

If you are using this library in one of your projects, add it in this list. ✨

License

MIT © Ionică Bizău