Write in 9 Indian Scripts in Joomla using TinyMCE and FCKEditor Plugin

Category: Indic ResourceTags: , , , , , , ,

Note: This article is very old. This tutorial cannot be used for current version of software available at https://www.pramukhime.com

Today I am going to explore various ways to easily type in Indian languages like Bengali, Gujarati, Hindi, Marathi, Sanskrit, Kannada, Malayalam, Oriya, Punjabi, Tamil and Telugu very easily in your favourite CMS Joomla.

There are 3 methods you can use depending on your editor choice.

  1. Using JCE Editor
  2. Using FCKEditor
  3. Using TinyMCE editor

Using JCE Editor

You have to first install JCE Editor along with plugins. It is assumed that JCE editor is your default editor. You can check/set it by going to Administration > Site menu > Global Configuration and look for Default WYSIWYG Editor.

Download Indic IME plugin for TinyMCE and put it at WEBROOT\plugins\editors\jce\tiny_mce\plugins so that “indicime” will become sub-folder of plugins.

Now navigate to Administration > Components > JCE Administration > Plugins. Click on “New Plugin” button on the right side.

Joomla JCE New Plugin

Fill in the form as described below and “Save” the plugin.

Description: IndicIME
Plugin Name: indicime
Plugin Icon: indicime,indicimehelp
Layout Icon: indicimehelp

JCE Indic IME Add

Now navigate to Administration > Components > JCE Administration > Groups. Select the Group(For ex. Default). Go to Layout tab and you will see a button as indicated in image with red square. You can drag this button and drop it in Current Editor Layout anywhere you like and “Save” it.

JCE Button Layout

Now clear browser cache (It is very important) and try to add new article. IndicIME and IndicIME help buttons will show up.

JCE Indic IME

Enjoy typing in Indian languages.

Using FCKEditor

You have to first download FCKEditor for Joomla and install this plugin. It is assumed that FCKEditor is your default editor. You can check/set it by going to Administration > Site menu > Global Configuration and look for Default WYSIWYG Editor.

Download IndicIME plugin for FCKEditor and put it at WEBROOT\plugins\editors\fckeditor\editor\plugins so that “indicime” will become sub-folder of plugins.

Now browse to WEBROOT\plugins\editors\fckeditor\editor and open the file “jtoolbarsetconfig.xml”

At the very bottom, you will get “customplugins” node. Add the following line at the end.

<add name="indicime" lang="en"/>

So it will look like this.

Xml custom plugin

Now when you analyze this xml file, you will notice that it contains button list for three types of toolbars named “Advanced”, “Creative” and “Blog”. In each of these toolbars, you may want to add the IndicIME so find a good place to paste the following code as shown in the image.

<plugingroup>
<plugin name="indicime" acl="*">
<params>
<param name="IndicIMEScripts" value="My Bengali:bengali;My Gujarati:gujarati;My Devnagari: devnagari" />
</params>
</plugin>
<plugin name="indicimehelp" acl="*"/>
</plugingroup>

Using this code, you will be able to customize the language list. If you don’t want to customize the list, remove the text “<params>…</params>”.(Make sure it is “<params>” and not “<param>”)

Xml custom plugin

Now clear browser cache (It is very important) and try to add new article. IndicIME and IndicIME help buttons will show up.

CKEditor Indic IME

Enjoy typing in Indian languages.

Using TinyMCE Editor

It is assumed that TinyMCE editor is your default editor. You can check/set it by going to Administration > Site menu > Global Configuration and look for Default WYSIWYG Editor.

Download IndicIME plugin for TinyMCE and put it at WEBROOT\plugins\editors\tinymce\jscripts\tiny_mce\plugins so that “indicime” will become sub-folder of plugins.

Now from Administration menu, navigate to Extensions > Plugins > Editor – TinyMCE.

On the right hand side, Open the section “Plugin Parameters” and choose “Extended” Functionality.

Plugin parameter

Now open the section “Advanced Parameters” and at the very bottom, add “indicime” custom plugin and “indicime,indicimehelp” custom button.

TinyMCE custom plugin

Now when you try to add new article, it will show you IndicIME and IndicIME Help.

TinyMCE advanced toolbar

Enjoy typing in Indian languages.

Limitation of using TinyMCE is that if you want to customize the list of languages, you need to change php code heavily.

Share

46 comments

Your email address will not be published. Required fields are marked *

  1. Raees says:

    Dear,

    Could you please modify the documentation for Joomla 2.5/3/x and latest JCE 2.3.x. i am not able to find the plugin installation option as you mentioned here.

    1. Vishal says:

      Raees,

      This blog post was written for old version of Joomla, TinyMCE and FCKEditor. I have made more changes in TinyMCE and CKEditor and also in Joomla. Whenever I will find time, I will update it.

  2. jay says:

    hi i need help i followed everything but its not working, if u want im ready to pay but plz email me…..thnx

  3. Prabha Singh says:

    @Prabha Singh
    Thanks a lot Vishal. You are great, I got the path and its working very nicely.

  4. Prabha Singh says:

    Please help me as I am not able to find the path…
    WEBROOT\plugins\editors\tinymce\jscripts\tiny_mce\plugins

    in joomla 2.5

  5. Guru says:

    @Guru
    sorry for typo just change the slashes: media/editors/tinymce/jscripts/tiny_mce/plugins/

  6. Guru says:

    @Moutal

    After a lot of hair pulling found that the plugins path for J2.5+ should be:
    media\editors\tinymce\jscripts\tiny_mce\plugins\
    Also the
    Custom plugin parameter is pramukhime AND
    Custom button parameter is pramukhime,pramukhimehelp
    with the new plugin.

  7. kiran says:

    Hello, I have installed the JCE editor in joomla 2.5 and its working. Though even after installing the IndicME plugin, I am unable to get the devnagari or any other Indian font in the editor. Kindly guide me so that I can type in Marathi Language in the Article. Thanking you in anticipation.

    Best Regards
    Kiran

  8. Hardik says:

    Hi all,

    i have tried to install INDIC IME for tinymce editor and followed all the steps in above post.

    but i am not able to see any buttons and drop down list in TinyMCE editor for gujarati language.

    is there any changes needs to be done in any of the php file.

    if yes please help in doing the same.

    appreciate your help in advance.

  9. Moutal says:

    I would love to reinstall your fabulous INDIC IME on Joomla 2.5.8 but your well-down how to do is for the old Joomla 1.5. I used it a lot on previous version and I miss it too much.
    There seems to be no button to make a new plugin in the newer Joomla. Is there a way to bypass and to install ?
    All help will be welcome. Thanks to Vishal Ji for your superb work.

  10. Wilima says:

    Great tool. Would like to use it in my site. Thank you very much.

  11. zaid says:

    hi,

    i want to implement this multi language in CK editor.

    please give me information about it.

  12. ricky pujara says:

    how to use in Blogger.com ?

  13. Hi says:

    Hi i have a single php page in which am using TinyMCE and i want to implement this plugin tell me how can i use it.. there..

    Im Not using any opensource

    Please reply as soon as possible

  14. Raj says:

    Hi,

    Can you please tell that to which version this plugin will be work it is urgent to please sugest.

  15. abu says:

    Hi ,Great work,
    which joomla version is supporting all these above steps

  16. sanjay says:

    highly apprecciated link, works great . thanks man

  17. sanjeet kumar says:

    hey dear thank u so much..

  18. Narasimha says:

    Hai

    thanks for ur stuff
    how ever,,i can edit in different langauges,,once i save the article,,,all the content is showing like ????????????
    how to debug this

  19. Manohar says:

    Thanks a lot , your post is too good , and very easy to install.

  20. BINU says:

    thanku, super work …………..WELL DONE…………

  21. mahesh says:

    Vishal, You did great job for the community
    I am just implementing your plugin and testing is still going on.
    Fontsize is very small and I am struggling to get font size bigger
    jfyi there is typo in readme.txt for Tinymce .There Devanagari is spelled as devnagri.

    Thanks again for wonderful work.

  22. Mohammed Rizmy says:

    thank you very much, great work, keep it up,

  23. Aswin says:

    @aswin
    Hi,

    can any one help me out in solving my problem,

    I m looking for telugu version I tried the explained process and I was succeed till entering the text but the text is storing as ?????? ?????? in DB and the same is displaying in front end.

    can any one help me out in solving this in Joomla.

    plz

    Aswinkumar

    1. Vishal says:

      Aswinkumar,

      The problem you mentioned is a problem of database and NOT the plugin’s. You have to set the collation of database to UTF-8 (Unicode) and it will save the text properly.

  24. Vishal says:

    @Rakesh
    Using your English keyboard, you will be able to write in English. Every keystroke will be automatically converted into Gujarati. It is based on transliteration (NOT translation) so if you type “rakesh”, it will give you “રાકેશ”.

  25. Rakesh says:

    I like this and its working good but now i want to know the how to write gujarati means you have keyboard for write gujarati .?

  26. karthik says:

    Thanks

  27. Mark Vice says:

    I love it!

  28. abey says:

    i am using Google Transliteration IME it is very helpful to me ,so it will helpfull to all users of Google Transliteration IME in joomla.Thanks for your good documentation.ones again thanks..
    for u r helpful mentality.

  29. Vishal says:

    @chandan
    It seems like you are using FCKEditor and you might have made proper changes in necessary files. The problem you are facing might be because of wrong plugin path. Make sure plugin is placed at proper location. Clear browser cache and try again.

  30. chandan says:

    i facing problem when installing indicime it showing “Unknown toolbar item “indicime” in joomla

    plese help me

  31. Rajeev says:

    thankyou very very much.
    I completed the whole process in 3 mins…….
    looking for indian script for past 12 months & now i got it……

    thankyou thankyou very much

  32. Vishal says:

    @Abdul Muhaymin
    I have not set any date.

  33. Abdul Muhaymin says:

    thanks sir, when it will be released?

  34. Vishal says:

    @Abdul Muhaymin
    In my next version of PramukhLib (which is a core engine of all web based Indian language typing utility) I will try to accommodate the varamoyzi mapping. At the same time, I will also check if google API can be an alternative for it.

  35. Abdul Muhaymin says:

    Super Plugin, which iam waiting for, I got it, now my site users can write malayalam in their articles.. yes ofcourse working, it may be good if you change the malayalam fonts into https://sites.google.com/site/cibu/… varamoyzi editor, if you have any malayalee friend they may help you. this is more easy to type than the package you gave… varamoyzi is used in media wiki too.. i want it in joomla can u help?

  36. Vishal says:

    @abeyemathews
    I am not aware of it.

  37. abeyemathews says:

    is there available malayalam Google Transliteration IME for joomla

  38. Vishal says:

    @punny
    It seems a problem of database and not plugin. Your database must have collation UTF-8(Unicode). When you save the Telugu text in database, it will be converted to ascii which results in “?????” (question marks).

    The solution is to change the database collation to UTF-8 at the time of creation.

  39. punny says:

    i am able to type in our regional language telugu. but it is not displaying the same when article is published. please let me know what is the problem

    i need it in urgency. please do mail at npunny@gmail.com

  40. Prasad Sakharkar says:

    Great Plugin. Very Good Tutorial. Sir ! You are a life saver. Keep up the good work. If in anyway I can help you, please let me know.