Morrigan Editor is jQuery WYSIWYG editor with predictable behavior, persistence and consistency.

Demo

• Get jQuery and jQuery UI (UI Core + Interactions)
• Get Font Awesome
• Get morrigan-jquery-editor.js, morrigan-jquery-editor.css and iframe.css
• Code:

$(function() {
  editor = $('#editor').morrigan_editor( {
    iframeStyles: '/iframe.css',
    imageUpload:'/image/create',
    width:'770px',
    height:'550px'
  } );
});

Pass param imageUpload to init options:

  $('#editor').morrigan_editor( {
    //...
    imageUpload:'/image/create',
    //...
  } );

Params sending to server sample:

• upload_img (with image) for file uploading
• upload_url (with url) for image uploading by URL

Server response sample (for both cases):

  {data: "/url/to/image.jpeg"}

To get html from editor:

  editor.morrigan_editor('html');

To insert html to editor:

  editor.morrigan_editor('html', '<p>Your HTML</p>');