Finding a conflict between Twitter Bootstrap and TinyMCE ?

Hi guys,

Recently I got a conflict problem with twitter bootstrap menu navigation and tinyMCE. When I use tinyMCE the menu navigation does not works because of jquery conflict.

I did some tweak and that worked for me. Put the following code in any global js and do the menu navigation manually.


In bootstrap Toggle have some unique ID.

<a href=”#” class=”dropdown-toggle” id=”sg_drop_down_toggle” data-toggle=”dropdown”>

In the global js add the code


jQuery(‘#sg_drop_down_toggle’).click(function () {
    if (jQuery(‘.mceIframeContainer’).length >= 1) {
        if (jQuery(this).hasClass(‘open’)) {
       } else {



Leave a Reply

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

You are commenting using your 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