Create a Media Library using ckeditor, wysiwyg and media module
By Rajan2
Jun 16, 2015 15:50

In this blog, we will going to install WYSIWYG module and Media module with ckeditor to create a Media Library. Here are the steps:

  1. Download Wysiwyg module. In this case we will download the version 7.x-2.2
  2. Download Media Module. In this case we will download the version 7.x-1.4 for Drupal 7
  3. Extract and put Wysiwyg 7.x-2.2 and Media 7.x-1.4 module to /site/all/modules and Enable these modules from /admin/modules page.
  4. Wysiwyg 7.x-2.2 only supports CKEditor 3.x version so download this ckeditor from http://download.cksource.com/CKEditor/CKEditor/CKEditor%203.6.6.1/ckeditor_3.6.6.1.zip. Then Extract and upload it to sites/all/libraries/ folder so that the path of ckeditor.js is sites/all/libraries/ckeditor/ckeditor.js 
  5. Go to /admin/config/content/wysiwyg of Administration > Configuration > Content authoring > Wysiwyg profiles
  6. Select CKEditor 3.x from editor dropdown for Full HTML TEXT FORMATand click Save then click Edit from operation column.

    select editor

  7. on CKEditor profile for Full HTML page, on BUTTONS AND PLUGINSsection: check all the checkboxes and click Save.

    enable plugin buttons

     
  8. if you get this error message: "The Convert Media tags to markup filter must be enabled for the Full HTML format in order to use the Media browser WYSIWYG button",

    warning

    then right click that Full HTML format link to open in a new tab and you'll open : Administration » Configuration » Content authoring » Text formats » Full HTML page. On Enable filters section, check the Convert Media tags to markup checkbox and click Save Configuration and don't forget to click Save on CKEditor profile for Full HTMLpage to make these buttons available.

    media markup

  9. Now you should be able to use CKEditor in Full Html text format  mode and insert an image to your content using Add Media button from CKEditortoolbar

    ckeditor

Tags: ckeditorwysiwyg

Add new comment

Contact Us