WYSIWYG Text Editor in Drupal


editor

If you want a WYSIWYG Text Editor in your Drupal site, you can use these modules. Follow these steps.

  1. Download these modules:
    • IMCE: image/file uploader and browser to enable image upload on your text editor.
    • Tiny Tiny MCE: this is the text editor.
    • Tiny MCE: javascript for WYSIWYG Editor.
  2. Extract the modules and
    • Copy imce folder to ..\drupal\modules
    • Copy tinytinymce folder to ..\drupal\sites\all\modules
    • Copy tinymce folder to ..\drupal\sites\all\modules\tinytinymce
    • [optional] Move the contents of the folder ..\drupal\sites\all\modules\tinytinymce\tinymce-jscripts-tiny_mce-plugins-pagebreak into tinymce\jscripts\tiny_mce\plugins\pagebreak.
      This will overwrite part of TinyMCE’s code. TinyMCE’s pagebreak plugin has been modified to insert a Drupal Teaser break <–break–>.
  3. Open your browser and go to Modules page (http://localhost/drupal/admin/modules). Enable the IMCE and TinyTinyMCE modules. Click Save Configuration.
  4. To change your IMCE and TinyTinyMCE configuration, go to configuration page in your admin page (e.q. http://localhost/drupal/admin/settings).
  5. To Change user permission to use your TinyTinyMCE text editor, go to User Permissions Page on your Admin page (e.q. http://localhost/drupal/admin/user/permissions)

Have fun…

3 responses to “WYSIWYG Text Editor in Drupal”

  1. Extenze says :

    Hello Guru, what entice you to post an article. This article was extremely interesting, especially since I was searching for thoughts on this subject last Thursday.

  2. wisconsin union theater of the memorial union says :

    This a informative good writeup by the author hope to read more very soon.

  3. Pointer Men's Basketball says :

    Best you should change the page name WYSIWYG Text Editor in Drupal Eric Hariyanto Wijaya to more generic for your content you make. I enjoyed the the writing even sononetheless.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: