Skip to content

Repository files navigation

jQuery insert plugin for MediumEditor

GitterBuild StatusCodacy BadgeCDNJS


HELP NEEDED! Are you using the plugin in production? We're looking for contributors that use the plugin on daily basis and would help us move the project forward. Interested? Shoot us a message on Gitter


This plugin expands capabilities of MediumEditor (a clone of medium.com WYSIWYG editor) and it enables users to insert into the editor various types of content (depending on available addons).

Current available addons:

  • images
  • embeds (either through oEmbed proxy, such as Iframely, or pre-defined parsers such as - Youtube, Vimeo, Twitter, Facebook, Instagram)

Demo

http://orthes.github.io/medium-editor-insert-plugin

Download

Via npm:

npm install medium-editor-insert-plugin --save

Via bower:

bower install medium-editor-insert-plugin --save

Manual:

Download the latest release

Quick Start

The first step is to include the plugin with all its dependencies to your code:

<!-- Font Awesome for awesome icons. You can redefine icons used in a plugin configuration --><linkhref="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet"><!-- CSS --><linkrel="stylesheet" href="bower_components/medium-editor/dist/css/medium-editor.min.css"><linkrel="stylesheet" href="bower_components/medium-editor/dist/css/themes/default.css"><linkrel="stylesheet" href="bower_components/medium-editor-insert-plugin/dist/css/medium-editor-insert-plugin.min.css"><!-- JS --><scriptsrc="bower_components/jquery/dist/jquery.min.js"></script><scriptsrc="bower_components/medium-editor/dist/js/medium-editor.js"></script><scriptsrc="bower_components/handlebars/handlebars.runtime.min.js"></script><scriptsrc="bower_components/jquery-sortable/source/js/jquery-sortable-min.js"></script><scriptsrc="bower_components/blueimp-file-upload/js/vendor/jquery.ui.widget.js"></script><scriptsrc="bower_components/blueimp-file-upload/js/jquery.iframe-transport.js"></script><scriptsrc="bower_components/blueimp-file-upload/js/jquery.fileupload.js"></script><scriptsrc="bower_components/medium-editor-insert-plugin/dist/js/medium-editor-insert-plugin.min.js"></script>

Initialize MediumEditor as you normally would:

vareditor=newMediumEditor('.editable');

Finally, you can initialize the insert plugin:

$(function(){$('.editable').mediumInsert({editor: editor});});

Sponsors

Makernusii
Makernusii

About

jQuery insert plugin for MediumEditor (Medium.com WYSIWYG editor clone)

Resources

Stars

0 stars

Watchers

1 watching

Forks

Releases

Packages

Contributors

Languages