322 comments found.
The plugin does not work. Items do not display like they do in the demo. We get the following error when opening the Insert Bootstrap Template dialog:
jquery-2.1.1.min.js:2 Uncaught DOMException: Failed to read the ‘contentDocument’ property from ‘HTMLIFrameElement’: Blocked a frame with origin “http://mtroseskitahoe. staging.wpengine.com” from accessing a cross-origin frame. at contents (http://mtroseskitahoe. staging.wpengine.com/wp- content/plugins/tinymce- bootstrap-plugin/assets/js/ jquery-2.1.1.min.js:2:26312) at Function.map (http://mtroseskitahoe. staging.wpengine.com/wp- content/plugins/tinymce- bootstrap-plugin/assets/js/ jquery-2.1.1.min.js:2:3483) at n.fn.init.n.fn.(anonymous function) [as contents] (http://mtroseskitahoe. staging.wpengine.com/wp- content/plugins/tinymce- bootstrap-plugin/assets/js/ jquery-2.1.1.min.js:2:26401) at getBootstrapStyles (http://mtroseskitahoe. staging.wpengine.com/wp- content/plugins/tinymce- bootstrap-plugin/assets/js/ utils.min.js:1:196) at HTMLDocument.<anonymous> (http://mtroseskitahoe. staging.wpengine.com/wp- content/plugins/tinymce- bootstrap-plugin/assets/ bootstrap-template.php? language=en&images_path=http:/ /mtroseskitahoe.staging. wpengine.com/wp-content/ uploads&bootstrap_css_path=& iconFont=fontawesome&& 1504801610989:83:9) at j (http://mtroseskitahoe. staging.wpengine.com/wp- content/plugins/tinymce- bootstrap-plugin/assets/js/ jquery-2.1.1.min.js:2:26860) at Object.fireWith [as resolveWith] (http://mtroseskitahoe. staging.wpengine.com/wp- content/plugins/tinymce- bootstrap-plugin/assets/js/ jquery-2.1.1.min.js:2:27673) at Function.ready (http://mtroseskitahoe. staging.wpengine.com/wp- content/plugins/tinymce- bootstrap-plugin/assets/js/ jquery-2.1.1.min.js:2:29467) at HTMLDocument.I (http://mtroseskitahoe. staging.wpengine.com/wp- content/plugins/tinymce- bootstrap-plugin/assets/js/ jquery-2.1.1.min.js:2:29658)
Hi,
Your message seems a bit strange.
1/ I don’t see you purchased the plugin. Please give me your purchase code
2/ Please first say hello, it’s always welcome when you write any message
3/ Do you use the standalone plugin with Wordpress? The recommended plugin is the WP one
4/ Check your error message urls: you have spaces inside. That’s not normal. You probably have an error in your tinyMce.init()
Gilles
Hi there, very sorry for not saying hello. I’m the person who purchased the plugin and the programmer sent me what to post. Sorry for appearing rude. Not our intent.
It’s a Wordpress site, so yes, I installed the WP plugin.
As for purchase code I found this on the email from Envato after purchase. 326af942-e21f-4ff3-b68b-e62542eb8a73
Thank you again for you help,
You’re welcome, no problem, I’ll do my best to help.
Your purchase code doesn’t appear because you’re not on the wp plugin comments, that’s the reason.
Can you please contact me using my contact form and send me your WP login and url this way?
I’ll have a look and make it work.
Gilles
Hi migli,
there seems to be a bug in your plugin. If you want use a table and edit the table properties and set cellspacing/cellpadding the attributes will be remove or not added to the table source-code. I tested this with the newest version of your script & tinymce. You can also check this on your live preview on codecanyon.
1. add a table 2. click in the table 3. use table properties from the toolbar 4. set cellspacing/padding to “0” 5. check source code, nothing added
Would be nice if you can fix this, because its important
.
Best Regards
Tom
Hi Tom,
Thanks for purchase.
Interesting question, but indeed not a bug.
The plugin uses tinyMce’s valid_elements option to match HTML5 valid elements.
You can find this in your tinymce/plugins/bootstrap/plugin.js Line 967. This list comes from https://gist.github.com/veprbl/1136304
HTML5 specification doesn’t allow the old cellspacing and cellpadding attributes (https://www.w3schools.com/tags/tag_table.asp).
You have 2 ways to work around this:- The dirty one:
Init your tinyMce with a custom valid_elements option and add table[cellspacing|cellpadding]. This will overwrite the plugin’s options, and will work fine. - Use recommended css properties:
table { border-collapse: separate; border-spacing: 5px; }
If you need anything else you’re welcome,
Gilles
Hey Gilles, thankyou that works perfect. Tom
Great, thanks to you Tom
Getting images directory is not authorized. I have added secure.php as an empty file, I have played with permissions, I have tried several directories, absolute path, relative path, you name it. No luck. What am I missing?
Thanks.
Hi Aprast,
Thanks for purchase. You probably have a path issue somewhere. No htaccess redirection?
Please send me your ftp, url and login credentials, I’ll see what happens.
Gilles
Hi, May i ask you how is it possible to link movie link as a bootstrap responsive?
Hi,
Youtube & others are loaded into an iframe, which must have a fixed width & height. Have a look here: https://css-tricks.com/NetMag/FluidWidthVideo/Article-FluidWidthVideo.php
It’ll work with this kind of hack, but there’s no specific Bootstrap feature for this.
Bootstrap 4 beta was released and they say, “We can always add more things, but we cannot take away.” Since the core is stable, will this be enough to update this great plugin for Bootstrap 4?
Hi,
Yes, I didn’t want to update for alpha, but now, a bit strangely, the beta version is considered like a final release. It seems to be a very great tool, they wisely kept the main part intact (code changes but not the use), and added some useful elements & classes.
There’s a lot of things to do (add cards & others, updating the existing elements, ...). My problem is that I already have a lot to do with my Php Form Builder (I just started the update for Bootstrap 4), and with several clients, and each day doing my best to help buyers.
I’ll update for Bootstrap 4 as soon as possible, but I’ve got a real lack of time and I’m afraid this will take more time than I’d wish.
I actually think about buying a 2nd head, with all body, arms, and 2 additional hands to work 2 times faster.
Thanks for the speedy reply. I can appreciate having more work to do than time to do it. I wish you the best and appreciate your efforts. Thanks for this great plugin! Do you suggest that I start using Bootstrap 4 css for those elements that are close enough to Bootstrap 3 versions? Just ballpark, how long do you think it might take for an update? 1 month? 1 year?
Hi, Thanks for your encouragements. I know I have to make the update, you’re the first but I’m sure not the last to ask for this feature. So I’ll work on this as soon as possible, 1 month is too short, I hope it’ll be possible before 3 months
hello I need some help to setup. I install and follow what you said but now tinymce do not load. can you please check my sittings. please reply with email I will send my ftp access
I got your plugins to load and all is well but only when I input bootstrap to the tinymce.inc.js file plugins and toolbar location. I now need help to set up the image locations as image not working
when I input
Config: { ‘bootstrapCssPath’: base_url + ‘js/tiny_mce/plugins/bootstrap/themes/slate/bootstrap.min.css’, // <= replace with your custom bootstrap path ‘imagesPath’: baseAdminDir + ‘js/tiny_mce/plugins/tinymce-bootstrap-plugin/examples/img/’ // replace with your images folder path
Tinymce will not load
Please can you send me your ftp?
Please can you send me your ftp?
Hi will this plugin work with prestashop tinymce? Is it a matter of copying the plug Package to the tinymce plugin folder to then have it showing on tinymce tool bar? I seek plugging to create responsive layout for blog post using tinymce without imputing ccs codes
If this plugin works with prestashop tinymce. My sol purpose is to use it to create blog layouts using tables. The thing is standard tinymce tables are not responsive. Can I create responsive tables for text and photos with this plugin?
Hi,
I just installed Prestashop on my localhost and tested.
Plugin plays nice with Prestashop, and Responsive tables are perfect.
To install:
1. Copy plugin (bootstrap folder) in your prestashop/js/tiny_mce/plugins/ dir
2. Add plugin to your tinyMce’s default config in prestashop/js/admin/tinymce.inc.js:
function tinySetup(config) {
if (typeof(base_url) == "undefined") {
var base_url = location.protocol + '//' + location.host + '/';
}
[...]
var default_config = {
selector: ".rte",
plugins: "align bootstrap colorpicker link image filemanager table media placeholder advlist code table autoresize",
bootstrapConfig: {
'bootstrapCssPath': base_url + 'js/tiny_mce/plugins/bootstrap/themes/slate/bootstrap.min.css', // <= replace with your custom bootstrap path
'imagesPath': baseAdminDir + 'js/tiny_mce/plugins/tinymce-bootstrap-plugin/examples/img/' // replace with your images folder path
},
[...]
Gilles
Ok, I will buy now thanks.
You’re welcome
Hello, I just purchased your extension, but I missed the key requirement. I just noticed it is required to have PHP for it to work and we are using express server as it is node.js application. Is there any alternative, I still need the bootstrap plugin for tinymce..
Hi Marius,
Thanks for purchase. Unfortunately, you need PHP and there’s no alternative solution. Maybe an ajax call to a PHP server would do the job, but it seems a little bit tricky.
If you want a refund I understand, no problem.
Sorry I can not help more,
Gilles
I will request a refund, sorry.
No problem, sorry for you & good luck in your project
Hi! Love the plugin, it’s going to make life so much easier for my client to manage their site in-house. I just have one minor niggle and I wondered if it’s something that could be addressed in a future release?
When the option for including a custom bootstrap CSS file is selected, not only is it included in the backend, but the frontend too. This wouldn’t be a problem, but it is included in the footer of the front end rather than the header. This means that any style overrides in the theme’s style.css file are ignored because the custom bootstrap CSS file is loaded last.
It would be nice if there were two tickboxes on the admin panel – to select whether to add the css to the backend, frontend or both. Or, simpler perhaps would be for the css to be included in the header rather than the footer, before the theme style is loaded.
Thanks again for the great plugin, and sorry for the minor complaint.
(I don’t know why it’s not marking me as ‘purchased’ beside my username! I have bought the plugin, as you can hopefully see from my profile!)
Hi Moogie,
Thanks for purchase (Purchase mark is not present because you’re on the plugin’s standalone version comments)
I added your suggestion to my TODO list (thanks, that’s a good idea), but I can’t work on this quickly (too much to do, already work 45215 hours each day).
To add Bootstrap CSS to the front-end I use wp_enqueue_style as recommended, I agree it would be better if it added css before theme, but unfortunately, it does not.
If you want to remove Bootstrap css from your front-end, the best way for now is to:
- open your /wp-content/plugins/tinymce-bootstrap-plugin/tinymce-bootstrap-plugin.php
- comment wp_register_style and wp_enqueue_style L.298 + 299
If you need anything else you’re welcome,
Gilles
Hi, i have a problem to setup the path for images, i get error message (Your images dir is not authorized. -> Please create an empty file named secure.php and save it into /blog/assets/media/files/ to allow access)
I have create an empty file called secure.php -> but i get the same result have you an idea whats is wrong ?
Hi Ricco,
Thanks for purchase.
Check your path to images dir, it must be wrong.
If you don’t succeed you can email me your ftp access and corresponding url, I’ll solve this for you
If you need anything else you’re welcome,
Gilles
Hello. i wish to buy this products. my question is , is it possible to insert bootstrap items like
accordion panel carousel slider model please contact me as soon as possible
Hi Susara,
Yes you can, (live demo here)
With the snippet tool (star icon), you can add any custom code (Bootstrap or not), and use it on your pages.
This feature has some limitations: the added elements are not javascript enabled in the editor. With some elements like the carousel, you’ll have to edit the generated code to change images for example.
If you need anything else you’re welcome,
Gilles
thanks for your immediate reply my client need
please explain how to put carousel slider
and is it possible to upload images from computer and resize ?
please explain me.
Sorry That’ll not be possible with tinyMce Bootstrap plugin, but you should have a look to my Slider Maker here: https://codecanyon.net/item/slider-maker/15417250
Slider Maker is a jQuery slideshows builder withy a very simple admin panel and cool features. I made this item for clients to be able to create/edit slideshows without any programming knowledge.
Once the slideshow is ready, your client just has to copy/paste a few lines of code in his page.
You can test admin panel here: https://www.slider-maker.com/slidermaker/admin/
I hope it can help you,
Gilles
ok then can i use it like saved code ( predefined ) code
and can upload images with this plugin ?
i mean browse images from computer and upload
You can upload images with the included responsive filemanager, but you’ll have to set carousel images src manually inside carousel code.
Hello dear migli, forget the carousal , no need carousal. explain this
i need to upload images by your image upload section. is it possible to browse images from my computer?
Hi,
You can’t upload images with my plugin, but I told you about Responsive filemanager. I made a mistake, it’s not included in TinyMce Bootstrap plugin package, but you can download it for free.
It’s an excellent tool.
ok gr8. so can i insert other tinymce plugins with your plugin ?
Yes of course
thanks. my client need specially accordion tab panel and image upload . i will buy this soon. and i need help after buying. thank you again.
You’re welcome
Hi there I got your toolbar working without any problems and it works great but I want to take it one step further and I was wondering how to implement the bootstrap toolbar with the Ribbon theme. http://tinymce.swis.nl/documentation What has to happen is for the buttons of each of the bootstrap toolbar has to be named in the items toolbar, what I need from you is the name for each of the items so I can use the ribbon theme, if you have a look at the code in the documentation the part where there is the items array there is a list of the commands, I need the list of the command names to put in that array so I can create a ribbon toolbar of bootstrap. Can you help me out? Can you even make me an example using the ribbon toolbar and send me it through email, my email is kirkie99@outlook.com
purchase code: 123ba1d-9b28-4d1a-8e7f-7fe9409790e4
Hi,
Thanks for purchase.
Your theme is not compatible with TinyMCE 4 (http://tinymce.swis.nl/js/tinymce/jscripts/tiny_mce/tiny_mce.js), and Bootstrap plugin requires V.4, so they can’t be used together.
I’m sorry, your theme is too old so I can’t do anything to help.
If you need anything else you’re welcome,
Gilles
Hello, is bootstrap js -> Carousel slide funktion enabled inside the editor ?
Hello,
No it’s not. Bootstrap Javascript features are not available in the editor
How to add bootstrap row?
Hi,
Thanks for purchase.
Just use the insert template tool, it will create rows & cols.
Hello, is there a way to create new elements for custom code ?
Hi Rudy,
Thanks for purchase.
Yes, you can create snippets. Add any code, Bootstrap or not, and your custom element will be available.
Have a look at index.html#snippet-tool in your package.
If you need anything else you’re welcome,
Gilles
Hello,
I have a question about the license for the tinyMce Bootstrap Plugin. We have a product CMS (content management system) that we sell to clients that want to be able to manage the content off their website. Because some clients have a bootstrap website and our CMS contains tinyMce as wysiwyg we would like to buy a licence for our CMS. The problem is that I don’t know which licence is apropriate. Do we have to buy a extended licence so that we can use our CMS for all the different customers or do we have toe buy a regular licence for every customer that want’s to use the CMS even if the only use tinyMce without the plugin (they can choose which type of wysiwyg is active). Please tell me more about the licence as it is needed in our situation.
Best regards, Erkan Cevikoglu erkan@medusa.nlHi Erkan,
Both solutions are possible.
Regular license = 1 single client or website project (so you have to buy a license for each CMS sale)
Extended license : item can be integrated in a single project sold to multiple clients.
In your case, of course Extended license is far better. You need to have the author agreement, but this is not a problem : you have it.
If you need any help you’re welcome.
Gilles
Can we create accordion using this plugin ? I don’t see it in the demo.
Hi,
Yes, you can create accordion with the snippet tool (icon star on the right). Each ccordion section is always opened in editor to allow content editing.
If you need anything else you’re welcome.
Gilles
Hi, I bought your plugin, When I’ve added it to my plugins directory and enabled it, I see the toolbar icons, Clicking the icon opens hte popuver, then when I click on any icons nothing happens.
I am getting the following JS error in my console:
Uncaught ReferenceError: makeResponsive is not defined at HTMLDocument.eval (inline-87c0b03daf.js:9) at j (jquery-2.1.1.min.js:1) at Object.fireWith [as resolveWith] (jquery-2.1.1.min.js:1) at ready (jquery-2.1.1.min.js:1)
Thanks.
Hi Sheldon,
Thanks for purchase.
Can you please send me your ftp ? I have to see what’s wrong in your page, can’t help without access.
Gilles
Hi I’m using your extension for a CMS for that feeds into 2 websites, one of the sites uses Bootstrap 3 & the other Bootstrap 4.
Bootstrap 3 images “img-responsive” are fine BUT in my bootstrap 4 site this is not recognised because it’s changes to “img-fluid”
I guess I can use a str_replace() on the bootstrap 4 site BUT do you have a bootstrap 4 ready ver. of your plugin?
Hi Warrioruk,
Thanks for purchase. I’m waiting (since abourt 2 years now !) for Bootstrap 4 final release. Then I’ll publish a new compatible version, but I don’t want to work on Bootstrap alpha version.
Once BS4 is ok, tinyMce Bootstrap will be compatible with both (BS3 & 4).
If you need anything else you’re welcome,
Gilles
Unfortunately I have failed to see that PHP is required for the tinyMce Bootstrap Plugin to work. Since my project is based on an ASP.NET Backend, I can not use the plugin.
Do you know if a refund of the paid price is possible in this situation?
Hi Timo,
Sorry you can’t use my plugin. You have to ask for refund on your Codecanyon account (don’t know exactly where you can find the feature). Of course I’ll accept it as soon as I receive.
I wish you good luck in your project,
Gilles
Thank you very much for your answer.
You’re welcome. I just accepted refund request.