322 comments found.
Hi, I get this error when I click on images:
Please create an empty file named secure.php and save it into to allow access.
what does it mean?
Hi Neuropass,
You have to put an empty file in your images folder named secure.php to allow directory access (I made this for security).
If you look in your examples folder, you’ll see for example in /tinymce-bootstrap-plugin/examples/example-full.html :bootstrapConfig: {
'type': 'buttongroup', // dropdownMenu|buttongroup
'imagesPath': '/tinymce-bootstrap-plugin/examples/img/', // replace with your images folder path
'bootstrapIconFont': 'materialdesign'
},
And secure.php in /tinymce-bootstrap-plugin/examples/img/
If you need anything else you’re welcome,
Gilles
Hi migli,
first of all great plugin, but have the nearly the same issue as a customer before: https://codecanyon.net/item/tinymce-bootstrap-plugin/10086522/comments?page=6&filter=all#comment_13633507On multiple instances the plugin doesn´t work anymore: on Chrome debuging: Uncaught TypeError: Cannot read property ‘removeClass’ of undefined @ plugin.min.js:1
tinymce.activeEditor.dom.removeClass(tinymce.activeEditor.dom.select(".mce-content-body "),"hasVisual")}
I used the latest tinymce Version 4.4.3 (2016-09-01) jquery https://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js
if i use without calling bootstrap (toolbar/plugin) everthing working fine.
Would be awesome you could fix this problem.
Best Regards Thomas
Hi Thomas,
I just published the update, problem is fixed.
You should receive an email as soon as Envato accepts this update.
If you need anything else you’re welcome,
Gilles
I’m loving this product but I’m wondering if there is a way to force image descriptions/alt tags ? I’m not confident that my users will enter image descriptions and we are supposed to be ADA compliant. Any chance this is a feature that already exists or could be implemented in the future?
I found a bug in the template drag and drop. It seems to work fine but does not work if you try to drag something back. Something a bit more disturbing is if you try to drag something back using firefox, it redirects the webpage to huh.com. As much as I don’t support Trump, I cannot let people use this if its marketing for politics. Are you aware of this?
Hi,
Thanks for purchase.
Drag & drop is currently one-way, so it’s normal you can’t drag back your elements, but I’ll take care of your suggestion and add this to my TODO list.
About redirection : I tested and found the same behavior using Firefox.
Damned, what is this ?!!
I also found that redirection was leading first to dummy.com, so I made a quick search on Google : “Firefox dummy.com”
It seems this comes from a Firefox issue with drag and drop (see google results) : it fortunately doesn’t come from my plugin and has nothing to do with it.
Be sure TinyMce Bootstrap plugin is 100% clean, I wouldn’t vote for Trump if I was American, but I’m just a web programmer, trying to make life more beautiful & easy.
I love Mozart & the Beatles, nothing to do with these politics.
If you need anything else you’re welcome,
Gilles
Hello migli, I use your plugin and I’m happy with it! One question: Is it possible to disable the “snippet” item? If so, please tell me where. Thx! Greetings Carsten
Hi Carsten,
You’ll find the answer in your index.html#select-toolbar-elements
You can choose to enable/disable each element this way :
tinymce.init({
selector: "textarea",
plugins: [
"bootstrap"
],
toolbar: "bootstrap",
bootstrapConfig: {
'bootstrapElements': {
'btn': true,
'icon': true,
'alert': true
},
'imagesPath': '/tinymce-bootstrap-plugin/examples/img/' // replace with your images folder path
}
});
Add all elements in ‘bootstrapElements’ list, except Snippets.
If you need anything else you’re welcome,
Gilles
Hi,
I’m trying use the snippet tab and accordeon. When I choose one of them, insert the element into the text area, but can not edit it.
I changed the example code of accordeon to insert other code, but I cant change the content of different parts accordeon. With tabs occurs the same, I cant change the content of each tab.
How I can edit each tab from a group of tabs or the parts of an accordion?
Regards.
Hi Sramosa,
I just pasted Bootstrap online code samples to show what can be done with snippets. I wish someday I can find time to improve this.
Anyway. Accordeon panels are hidden by css when they have “collapsed” class :<div class="panel-collapse collapse" id="collapseThree">[...]</div>
Remove the collapse class and they’ll be visible (you can do this with browser inspector code).
Rather than doing this in snippet, I added css in bootstrap/css/editor-content.min.css (and updated tabs snippet to add tabs content)
This will be available in next release, but you can email me with my contact form, I’ll send you updated files.
If you need anything else you’re welcome,
Gilles
Hi!
Thank you, without this class we can change de content of collapse. It would be possible to choose the number of collapse in snippet?
And, to edit the content of tabs, i cant aplicate the same solution than collapse, really?
Regards.
Hi,
Please email me, I’ll send you a css file and all should be ok, more user-friendly without any extra stuff to do for you
hi, i upgrade to 2.3 and i mark up bootstrap-image.php line 17 to 19, because my secure.php did not work from i purchased, now i can see the control panel of insert/edit bootstrap image popup. but browser can not see any image file , so i try to upload one image and click it and then press the insert/edit bootstrap again, i can see it in image style area, when i finish selection , i did not see anything on preview and code area, and when i press ok button, my image will disappear, any Suggest?
Hi Remhom,
It’s a bit difficult to understand this way. Would you send me access via my contact form please ?
Gilles
I think I found the wrong reasons,can i change the $_SERVER[“DOCUMENT_ROOT”] value? because i have two site on one server, one is www.aa.com (Physical path C:/123), the other site is www.aa.com/site (Physical path C:/456), but $_SERVER[“DOCUMENT_ROOT”] always get C:/123, and my tinycme is setup on the www.aa.com/site, so that’s why secure.php always not working.
i add $_SERVER[“DOCUMENT_ROOT”]=’C:/456’; in conf.php, and $root . $img_path will become ‘C:/456/site/images’ how to fix it? the correct path should be ‘C:/456/images’
the better way should be modified by you, to avoid trouble when upgrading,
I think there should be other people have this obsession,
Provided for your reference 
Hi,
Your $_SERVER[“DOCUMENT_ROOT”] should always lead to your project root if it’s correctly configured.
hi, you should have a separate virtual path and absolute path parameters to deal with various server settings,
In your design, as long as the absolute path with the virtual path is different, an error occurs
I solved this problem by replace some path string, it’s work now, thanks!
Thanks to you, that’s ok
Hi!
I purchased this plugin and it’s amazing, works fine! But in my project use bootstrap 4, is possible works with this version of bootstrap? There are any prevision to support this version of bootstrap?
Thanks
Hi Arrow135,
Thanks for purchase.
Yes, I’ll work on a new bs4 version someday, but bs4 is still in Alpha, I’ll wait for 1st official stable release because it would be too much work to deal with pre-release versions.
Most of bs4 components use the same markup as bs3’s, so plugin should be ok with these (alerts, buttons, ...)
Snippets may help, as you can store any piece of code.
If you’ve got a special request tell me, I’ll see if I can find specific solutions
Gilles
Hi migli,
Thanks for yor fast answer. Good news! I’m waiting for the 1st official versión of bootstrap v4!
Thanks
You’re welcome, if you need anything else contact me again
Hi:
I downloaded the tinymce boostrap plugin and got it installed and working. It does what I was looking for except for pictures. With my existing structure I was able to pass a URL to tinymce external_image_list_url configuration field which would return a value like:
var tinyMCEImageList = new Array([‘Image 1’, ’/images/articles/2_1335201916.JPG’]);
This way, I could control which images were made available. I’m not sure how the plugin is querying the directory for image URLs, is there someway I can pass data to it to allow limiting which images show up?
Thanks, Leigh
Hi Leigh,
Thanks for purchase.
You have to configure your image folder : http://tinymce-bootstrap-plugin/tinymce-bootstrap-plugin/index.html#!/quick_start_guide
But I suppose you already know this. Then plugin will browse the chosen folder using jqueryfiletree plugin in bootstrap-image.php.
But I don’t see any option to filter files. Best way is to put only images you want to show in this folder. Maybe you can use different folders for different users, and call them depending on connected user ?
Gilles
Thanks for the quick reply. With your clue that you were using jqueryfiletree I looked at the code and overwrote jqueryFileTree.php with my own version that used the directory parameter as a key and then returned a custom file list based upon that key. With this I’m able to customize the list of images that show up. Thanks.
Well done Leigh. Just be careful if someday you update, you’ll have to remember this.
If you need anything else you’re welcome,
Gilles
Good day!
We a buy your plugin, but have a question: do you have a version for ASP or non-PHP version? Can we re-write you version (PHP-scripts) for self-using inside our company?
Hello,
I don’t have ASP nor non-php version, but of course you can rewrite for self-use.
If you want I can send you php files, you’ll see what code looks like, and once done you can buy if it’s ok for you.
Just contact me via my profile if you want me to send you these files.
Regards,
Gilles
i bought this hoping i could use it with a non-php site, but that doesn’t appear to be the case. :-/
any tips or ideas?
Hi Tallison123,
Thanks for purchase.
php is mentioned in requirements, it will be totally impossible to use TinyMce Bootstrap plugin without php running.
But which server do you use ?
Maybe you can setup a php server ? I can help if you need.
Gilles
Dear author!
I’m trying to implement this into an already functional Wordpress installation with a custom bootstrap theme. The issue I’ve got is it bails on me when having several tinymce editors on the same page. Also I cannot seem to figure out how to include the bootstrap.min.css only on the admin area, as it’s already included in the theme I’m using. In the theme it’s included through functions.php.
Hope to hear from u soon.
Best Regards
I’ve changed a line in the plugin to not include the css in front end for now, but if I have more than one TinyMCE editor on the edit page it gives me : TypeError: this.getDoc(...) is undefined ?
Hello KarlskronaKommun,
You’re asking for help but if Codecanyon informations are correct, you didn’t purchase the plugin (so any usage is illegal), and I’m not supposed to help you.
Am I wrong ?
Gilles
Yes, I did purchase the plugin. I got five months of support remaining on it. Purchase : 02 August 2016, support expires 01 Feb 2017.
I’ve submitted a support ticket to get this fixed.
Sorry for this mistake. Do you use Wordpress version, or standalone ?
You posted your comment on standalone, the error may come from this.
Anyway, I have to know which version you use to be able to help.
Could you please send me your wordpress access and ftp via my profile ?
Thanks,
Gilles
That’s correct, my mistake. I’m using the Wordpress version.
Hello,
http://SITEURL.COM/tinymce/plugins/bootstrap/bootstrap-image.php?language=ru&images_path=/uploads/files/&bootstrap_css_path=http://SITEURL.COM/tinymce/plugins/bootstrap/css/bootstrap.min.css&imgSrc=http://SITEURL.COM/uploads/files/photo.png?123456&imgAlt=Img&imgWidth=3543&imgHeight=1816&imgStyle=&imgResponsive=falseError: HTTP/1.1 403 Forbidden
The problem is: SITEURL.COM/uploads/files/photo.png >>> ?123456
Ibra
Hi Ibra,
Thanks for purchase.
1/ SITEURL.COM : it seems you init tinymce with a wrong base_url. See example code in your tinymce-bootstrap-plugin/examples/example-full.html
2/ Make sure you’ve created the 2 required language files for ru (see instructions in your tinymce-bootstrap-plugin/index.html#!/change-language
If you still need help you can send me your ftp & url via my profile, I’ll make it work for you.
Gilles
Hello, I installed responsivefilemanager from Alberto Peripolli witch You recommended. And everything is working fine, but I need to open this file manager when users click on the browse button inside of insert/edit bootstrap image window. Is this possible?
Hello,
Thanks for purchase. What you’re trying to do seems a bit complicated. Maybe you can add instructions on your page to explain people have to use filemanager before adding Bootstrap style to image ?
Gilles
Hi, I am trying to get this to work in umbraco. It uses tinymce4 and its .net based so I can’t use php. Will your plugin work? do you have a stand alone version with no php? Thanks Ramster
Hi,
PHP is required. All you can do is putting tinyMce on a php server and call it using ajax (I didn’t test, but it should work fine).
If you need anything else you’re welcome,
Gilles
Hello, the plugin now doesn’t work on Firefox. The console says me: TypeError: t is undefined ................/tinymce/plugins/bootstrap/js/utils.min.js Line 1 How can I fix?
I’m sorry, I’m not allowed to provide url or remote accesses. Thanks
Hello,
Thanks for purchase.
It’s not easy to help without access, but I’ll try.
- Upload latest release (Version 2.2.7) just published today
- Empty your browser cache
- Try to open tinymce-bootstrap-plugin/examples/example-full.html on firefox, and if possible on chrome. Does console throw error ?
- Open http://tinymce-bootstrap-plugin.creation-site.org/index.html and see if any error (you shouldn’t have any).
- upload http://tinymce-bootstrap-plugin.creation-site.org/tinymce/plugins/bootstrap/js/utils.min.js and see if any difference with yours
That’s all I can do for now. If you can’t send me ftp nor url, maybe we can use teamviewer if you want live help.
Gilles
Hello, as suggested I updated the plugin but the error was still active. Su debugged a bit and I solved by editing the file bootstrap/js/utils.js. It try to find the `.mce-content-body` item in the `.mce-edit-area iframe` and get the colour but in Firefox seems to arrive a bit later instead the function call. Thus I added: 1. In utils.js I changed all ”$(” to “jQuery(” for better compatibility; 2. In the function `getBootstrapStyles()` I added a setTimeOut in this way:
function getBootstrapStyles() { setTimeout(function(){ var bodyBackground; var previewBackground; var choiceTitleBorderTop; var choiceTitleBorderTopAfter; }
bodyBackground = previewBackground = jQuery(window.parent.document.body).find('.mce-edit-area iframe').contents().find('.mce-content-body').css('background-color');
if(bodyBackground.match(/rgb(255, 255, 255)/)) {
jQuery('body').css('background-color', '#fafafa');
} else {
bodyBackground = shadeRGBColor(bodyBackground, 0.07);
choiceTitleBorderTop = shadeRGBColor(bodyBackground, -0.2);
choiceTitleBorderTopAfter = shadeRGBColor(bodyBackground, 0.3);
jQuery('body').css('background-color', bodyBackground);
jQuery('.choice-title, #preview-title, #code-title').css('border-top-color', choiceTitleBorderTop);
jQuery('<style>.choice-title:after, #preview-title:after, #code-title:after{border-top-color: 'choiceTitleBorderTopAfter'}</style>').appendTo('head');
jQuery('#preview').css('background-color', previewBackground);
}
}, 100);
The bug now seems to be fixed.
I also translated the plugin in italian language. Let me know if you want to include it and I’ll share the files 
Hi Gubithouse,
Strange thing is no other user has ever complained about this, but anyway if your timeout doesn’t help it cannot break anything too.
I replaced getBootstrapStyles() with yours, will publish later.
Thanks for offering translation, would you send it via my profile please ?
Gilles
Hi,
Is this a standalone TinyMCE plugin ? We are using EPiServer CMS and would like to enhance the TinyMCE which come OOTB. So can i just plug and play this plugin Or i need specific setup. I noticed PHP is a requirement for this plugin which we don’t have on EPiServer setup.
Pls let me know. Thanks
Hi,
Yes, TinyMce Bootstrap plugin is a standalone plugin for tinyMce, but php 5.3+ is required. Without php you can’t use it.
If you need anything else you’re welcome,
Gilles
The error doesn’t allow tinymce to create the editor, so I see a white area instead of the editor. Firebug says that the error is in the plugin.min.js (line 1, col 5921)
I opened the minified file and I commented the entire function l() content: function l(){/tinymce.activeEditor.hasVisual?tinymce.activeEditor.dom.addClass(tinymce.activeEditor.dom.select(”.mce-content-body “),”hasVisual”):tinymce.activeEditor.dom.removeClass(tinymce.activeEditor.dom.select(”.mce-content-body “),”hasVisual”)/}
this function is the corresponding toggleVisualAid() in not minified file version.
Now everything works fine, but a part of code is stripped out and perhaps something could not work in future… Please fix this bug
Hello, Thanks for purchase. Plugin is supposed to deal with multiple textareas.
Take a look at /tinymce-bootstrap-plugin/examples/example-full.html
There is 2 textareas, plugin enabled and no error in console.
Maybe is there something specific in your case. If you still need help you can send me ftp access and url via my profile, I’ll see what’s happening.
Gilles
-
How to change icon set?
Hello,
Thanks for purchase.
At this time you cannot – I may add this feature in a future release.
If you need anything else you’re welcome,
Gilles
Hello,
i’ve bought the Tiny Bootstrap Plugin but i’m confused of your integration guide:
First Step is done, but in the second step, where i have to make a backup and replace the folder, i can’t find the ”/tinymce-bootstrap-plugin/joomla/tinymce/ folder” in your zip – file.
I do have: assets examples plugin (with the bootstrap – folder) index.html (with the integration guide)
but no “joomla” folder. Do you mean the “tinymce” subfolder in examples? Don’t know, if this can be right…
Please tell me, what i have to do next.
Hello Xzerod,
Thanks for purchase. I’ll help you, but for now it would be better in private.
Could you please contact me via my profile so I get your email ?
Thanks,
Gilles
Our User ID is Orisysinfotech. We have purchased the TinyMce Bootstrap Plugin and implemented it in one of our websites. Everything is working fine.
But we have the following issue.
We want to upload our own images to the Tinymce Bootstrap Editor by browsing the images from our local system path. For now we can see the option of browsing those images which already exists in the server, but we don’t find any option where we can browse our local system to upload an image. Please advise on the same how can we enable to browse our local system to upload the images.
Hello,
Thanks for purchase.
To upload your images you have to install a third part plugin. I recommend you the excellent responsivefilemanager from Alberto Peripolli. With it you can manage any file, and even resize / crop your images using aviary features.