πŸ”” Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

jQuery insert plugin for MediumEditor which is a clone of medium.com WYSIWYG editor.The plugin is next, completely rewritten version of previous “images plugin”. Now inserting images is only one of the plugin’s addons.

Plugins

Documentation

jQuery insert plugin for MediumEditor

Gitter Build Status Codacy Badge CDNJS


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 --> <link href="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">  <!-- CSS --> <link rel="stylesheet" href="bower_components/medium-editor/dist/css/medium-editor.min.css"> <link rel="stylesheet" href="bower_components/medium-editor/dist/css/themes/default.css"> <link rel="stylesheet" href="bower_components/medium-editor-insert-plugin/dist/css/medium-editor-insert-plugin.min.css">  <!-- JS --> <script src="bower_components/jquery/dist/jquery.min.js"></script> <script src="bower_components/medium-editor/dist/js/medium-editor.js"></script> <script src="bower_components/handlebars/handlebars.runtime.min.js"></script> <script src="bower_components/jquery-sortable/source/js/jquery-sortable-min.js"></script> <script src="bower_components/blueimp-file-upload/js/vendor/jquery.ui.widget.js"></script> <script src="bower_components/blueimp-file-upload/js/jquery.iframe-transport.js"></script> <script src="bower_components/blueimp-file-upload/js/jquery.fileupload.js"></script> <script src="bower_components/medium-editor-insert-plugin/dist/js/medium-editor-insert-plugin.min.js"></script>  <!-- OR YOU CAN USE CDN for a Quick Reference in Development Mode. [Dated Dec-2018 Latest Version] Recommented latest verions as moves on!  CSS <link href="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/medium-editor-insert-plugin/2.5.0/css/medium-editor-insert-plugin-frontend.min.css" /> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/medium-editor-insert-plugin/2.5.0/css/medium-editor-insert-plugin.min.css" /> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/medium-editor/5.23.3/css/medium-editor.min.css" />  JS <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/4.0.12/handlebars.runtime.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-sortable/0.9.13/jquery-sortable-min.js"></script> <script src="https://cdn.jsdelivr.net/npm/[email protected]/jquery.ui.widget.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.iframe-transport/1.0.1/jquery.iframe-transport.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/blueimp-file-upload/9.28.0/js/jquery.fileupload.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/medium-editor/5.23.3/js/medium-editor.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/medium-editor-insert-plugin/2.5.0/js/medium-editor-insert-plugin.min.js"></script> --> 

Initialize MediumEditor as you normally would:

var editor = new MediumEditor('.editable');

Finally, you can initialize the insert plugin:

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

Documentation

Contributors

Thanks goes to these wonderful people (emoji key):

Pavel Linkesch
Pavel Linkesch

πŸ’» πŸ“– 🚧 πŸ‘€
JΓ©rΓ©my Benoist
JΓ©rΓ©my Benoist

πŸ’» 🚧 πŸ‘€
Nazar Leush
Nazar Leush

πŸ’»
Andrey Sitnik
Andrey Sitnik

πŸ’»
Jeremy Epstein
Jeremy Epstein

πŸ’»
Hikaru Tooyama
Hikaru Tooyama

πŸ’»
Alexandr Subbotin
Alexandr Subbotin

πŸ’»
Vinicius Patrinhani
Vinicius Patrinhani

πŸ’»
Firas Bessadok
Firas Bessadok

πŸ’»
Omnia G Helmi
Omnia G Helmi

πŸ’»
Daniel Huang
Daniel Huang

πŸ’»
Alex Xandra Albert Sim
Alex Xandra Albert Sim

πŸ’»
Brandon Renfrow
Brandon Renfrow

πŸ’»
BurnHavoc
BurnHavoc

πŸ’»
Enzo
Enzo

πŸ’»
Jonathon Sim
Jonathon Sim

πŸ’»
Kazuya Hara
Kazuya Hara

πŸ’»
Miloő Hadžić
Miloő Hadžić

πŸ’»
Siron
Siron

πŸ’»
Sam Auciello
Sam Auciello

πŸ’»
Sean Cashin
Sean Cashin

πŸ’»
Yu Zhai
Yu Zhai

πŸ’»
acekat
acekat

πŸ’»
linpekka
linpekka

πŸ’»
sainu
sainu

πŸ’»
Murat Tasarsu
Murat Tasarsu

πŸ’»
Anil Kumar Maurya
Anil Kumar Maurya

πŸ’»
Artem Shevtsov
Artem Shevtsov

πŸ’»
Baptiste Gaillard
Baptiste Gaillard

πŸ’»
Bernard Wolff
Bernard Wolff

πŸ’»
Carl Scott
Carl Scott

πŸ’»
Chris Joe
Chris Joe

πŸ’»
Daniel Wang
Daniel Wang

πŸ’»
Derrek Bertrand
Derrek Bertrand

πŸ’»
Gabi Maeztu
Gabi Maeztu

πŸ’»
Hussein Jafferjee
Hussein Jafferjee

πŸ’»
Indra Santosa
Indra Santosa

πŸ’»
Ivan Paramonau
Ivan Paramonau

πŸ’»
JK
JK

πŸ’»
Jeff Bellsey
Jeff Bellsey

πŸ’»
Kenzo Okamura
Kenzo Okamura

πŸ’»
Matei Dorobantu
Matei Dorobantu

πŸ’»
Max Kirchoff
Max Kirchoff

πŸ’»
MrEcl
MrEcl

πŸ’»
RaphaΓ«l Vercruyssen
RaphaΓ«l Vercruyssen

πŸ’»
Sebastian Zorn
Sebastian Zorn

πŸ’»
tsbalzhanov
tsbalzhanov

πŸ’»
bjrenfrow
bjrenfrow

πŸ’»
orhan
orhan

πŸ’»
swolfod
swolfod

πŸ’»
Eligijus KrΔ—pΕ‘ta
Eligijus KrΔ—pΕ‘ta

πŸ’»

This project follows the all-contributors specification. Contributions of any kind welcome!

License

MIT


You May Also Like