322 comments found.
please remove this comment
There is a problem! I use your plugin on Prestashop. I can see menu and buttons on my back office HTML page but when i save the content and check it on the front page then i have no any icon on there and every time that i back to the edited page still can see icons on there! :/ What could be the matter?
Let me correct better what i said. Some features of your plugin does not work. Like Icons and Snippet. How can i fix them?
Hi,
Thanks for purchase.
You just have to include the icon library you use in your frontend, and maybe Bootstrap css. This is not related to the plugin, but to your Prestashop template.
If you need anything else you’re welcome,
Gilles
Thanks for the answer but may you link or tell me how you did it for default 1.6.x Prestashop theme? (i saw you did test it on localhost)
I’m sorry but I can’t help with Prestashop (not because I don’t want to but because I don’t know how to).
The best way would be to choose a theme that uses Bootstrap.
Actually, I’m using Bootstrap theme … I just ask you cause saw you did it with Prestashop default theme
and while I said all seems good even cant see icons on the produced HTML page :/
I don’t use Prestashop. The 1st thing to do is to have a look at your browser’s console. Can you post your URL?
Here is the URL address that i was talk about it with you: http://persibox.com/others/33500
The author theme will help better than me – your problem is really related to your Prestashop theme, not to my plugin.
It seems there’s no Bootstrap javascript, that’s why collapsible doesn’t work.
I have bought this plugin. It works in Asp.Net Mvc , but I have a little problem. When I insert snippet, I get an error. That error says that “PHP.Core.PhpException: ‘Call to undefined function: ‘simplexml_load_file’’. What should I solve it ?
Hi,
You’ve got to enable php xml module in your php.ini.
https://stackoverflow.com/questions/31206186/call-to-undefined-function-simplexml-load-string/35820787If you need anything else you’re welcome,
Gilles
Thank you for this answer, but
1-) I do not have php files, and do not use xampp. It works in asp.net mvc, I have a few php library such as, php.core.
2-) Is there any way to solve this problem without using xml ? ( For php ) I think it can be done, but I do not have an idea for PHP.
3-) Do I have to use xml ?
4-) I think that simple_xml_load is a Php extension, but I am not sure if I can provide entension to work in .NET.
I hope there is an another way to solve it. By the way, thanks a lot for the plugin sir, you are the best 
Thanks for your encouragements!
To use the Snippets plugin with add/edit/delete php xml extension is fully required.
But if you have the skills, there’s a possible workaround. You’ll not be able to add/edit/delete snippets with the plugin’s built-in features, but you’ll be able to do it directly in code, and use the snippets in tinyMce once ready.
Here’s how to do:
XML is a practical language to store & edit data in nodes, but the same can be done with JSON.
1. Create a new snippets.json in tinymce-bootstrap-plugin/plugin/bootstrap/snippets/
2. Add your snippets in JSON format in your new snippets.json, something like this:
{
"snippet": {
"title": "The title",
"content": "<p>Hello World !</p>"
},
"snippet": {
"title": "The second snippet",
"content": "<p>Bye World !</p>"
}
}
3. Edit tinymce-bootstrap-plugin/plugin/bootstrap/snippets/Snippets.php:
in getSnippets() function:
replace:
$this->xml = simplexml_load_file($this->xml_file);
with:
$this->xml_file = str_replace('.xml', '.json', $this->xml_file);
$this->xml = json_decode($this->xml_file);
Not tested but this is the idea, and should work.
PS: Don’t forget that the snippets content must be encoded with htmlspecialchars (the codecanyon editor doesn’t want to encode here).
Hello sir, Does it support Asp.Net Mvc ? Thanks a lot. I’m looking forward to hearing the answer.
Hello,
The plugin requires PHP.
Greetings, are there any planned updates for either Bootstrap 4 or FontAwesome 5? I saw a comment from 5 months ago that you were going to update asap… Maybe the new version you can choose which bootstrap and fontawesome to use?
Hi,
Thanks for purchase.
I’d love to work on Bootstrap 4 + FA5 update – for the moment It’s really impossible, no free time, but I’ll make it as soon as possible.
Sorry for this, I do my best.
Gilles
It has been nearly a year now, are there any planned updates?
Yes I know, really really sorry. I was now waiting for the tinyMce 5 first stable release, have to work on a full new version with both Bootstrap 4 & tinyMce 5 now …
Any possibility for tiny4.x with Boot4 and Font5 ?
What do you mean with “Font5”? tinyMce will use your Bootstrap font, can be any.
Sorry, I meant tinyMCE 4.x with Bootstrap 4 and FontAwesome 5
If you want to customize by yourself you’ll have to update the icon font picker: https://codeb.it/fonticonpicker/
The next release will be for tinyMce 5 + Bootstrap 4 & include the latest font icon picker
Any eta?
eta? you mean beta? Sorry not for now ..
I meant, any estimate on when the next version would be available?
Can’t say, I’m just doing my best for all my Codecanyon items, hope I’ll find enough time soon
Hi, I am using the accordion snippet field and typed “utf-8” (Turkish characters: i, ğ, ç, ö, ü etc) in the “edit” section. character. For example; i’m writing to code area ”< p >şşşş< / p >” But snippet show to me ”< p >????< / p >”
Hi,
Thanks for purchase.
I just tested at http://tinymce-bootstrap-plugin.creation-site.org/index.html and it shows the right characters. I always work with utf8, so it should not cause any issue.
Do the characters change after posting a form?
Gilles
Hi, test address working. Interesting. I have just copy of download folders to my in work folders and me too working always with utf-8. What can be the problem?
Characters changed in preview section when i add “ok” button.
Ok, I almost see where it comes from.
In tinymce-bootstrap-plugin/plugin/bootstrap/snippets/Snippets.php L.107 + 108:
mb_convert_encoding($title, 'HTML-ENTITIES', 'UTF-8');
Do you have PHP mb_string module enabled?
To check, make a phpinfo()
Yes. mb_string is enabled. I added your code after line 107+108 ( and too i tried replace with line 107+108) but it is same…. Still showing code when i clicked “ok” button after ??? char 
So you should try to have a look to your php.ini:
http://php.net/manual/en/ini.core.php#ini.default-charsetdefault_charset is already utf-8, do you have another suggest? this is a strange situation and my customer does not accept it. I must be to resolve this
Please help me migli
My 1st suggestions were the easiest – now I need:
- your ftp access
- your url
- a lot of imagination
Please send me and I’ll do my best to help.
Hi again after months, i wrote late because of my special affair…
I cant give to your ftp access because this is private project. I ask to you try yourself in project. title => “şöğüı” and content => “çöşğü”
Everything ok until to $snippets->addNewSnippet in add-new-snippet.php…
But in addNewSnippet method character convert to ???? character… :\
Hi,
I’m sorry but as I said before it works fine on my server, and charset is utf-8 so it accepts your characters.
You have to double-check your tinyMce.init settings, and your php.ini
As you can’t give me ftp access, I cannot test on your server so it’s impossible to help more.
Gilles
Hi, Gilles! Could you please add support for FontAwesome5? I would gladly pay for the plugin again to get this.
Best Regards
Hi,
Iconpicker is made with Bootstrap-Iconpicker (http://victor-valencia.github.io/bootstrap-iconpicker/), which currently doesn’t support FA5.
This can be done with customization:
- Download FA5
- Replace tinymce-bootstrap-plugin/plugin/bootstrap/css/iconpicker/css/font-awesome.min.css with the new FA5 css content
- Duplicate tinymce-bootstrap-plugin/plugin/bootstrap/js/iconset/iconset-fontawesome-4.2.0.min.js – name it “fontawesome-5.0.6.min.js”
- Update the content with FA5 icons ( you can get a json list at https://gist.github.com/migliori/60154172ba0eea70e3c0dd4c3b5d82d0), you’ll have to adapt it for fontawesome-5.0.6.min.js
- Edit tinymce-bootstrap-plugin/plugin/bootstrap/bootstrap-icon.php and change ”$js_icon_file = ‘iconset-fontawesome-4.2.0.min.js’;” to $js_icon_file = ‘iconset-fontawesome-5.0.6.min.js’;
This should work fine. I’m sorry I don’t have time to work on this myself.
If you need more explainations feel free to ask me again,
Gilles
Thank you for responding, it seems pretty straight forward. Just by glancing at it I’ve got a new question though, FontAwesome5 uses several icon classes at the beginning instead of just fa. How would I specify this?
Best Regards
I know this, that’s the challenge!
It requires a closer look to the source code & tests to make it work. Or you can just keep fas and ignore the other prefixes (quick & dirty solution)
thank you! Ok, I will stick with fas for now. Seems to have most of the icons I need. Maybe I’ll try to use the v4-shims provided by FA.
Best Regards
Good luck with your project
Hi
I need to implent http://jbutz.github.io/bootstrap-lightbox within a Symfony 3.4 project. I am having trouble to arrange rounting and path. Could your plugin help me out of the box? Please, let me know. Thanks mario
Hi,
The plugin works inside tinyMce, you can store snippets to get them inside the editor. That’s all I can say: I’ve got no more idea about how it can help with your project.
If you need anything else you’re welcome,
Gilles
Thanks for your reply.
Question is: if I use TinyMCE plus your plugin, when a picture is inserted say within a RTE textarea, does it render a lightbox effect. I mean, do I get the needed html code wrapping the tag, maybe by some config options?
best wishes mario
Hi Mario,
That’s clearer now. I see 2 different ways to achieve this:
- Create a snippet with a placeholder image. The inserts the lightbox with the snippet, then change the image inside
- Edit the plugin image code itself to add a lightbox option in image styles
Both should work. The 2nd solution is better but needs programing knowledge.
I answer by advance the question you didn’t ask me yet: I’m sorry, but can’t work on this for now, I’ve got too much to do.
Gilles
Hello Migli, I get an error “Failed to load plugin url: ”.../media/editors/tinymce/plugins/bootstraplight/langs/nl.js” and the plugin is not working, all buttons open a white (empty) window. What to do? Thank you in advance, With kind regards, Agent MDM
btw I copied the en.js file, renamed the copy to nl.js (just to test if it works) but still every button of your plugin opens a white empty window and nothing seems to work in my case. I’m interested to know what’s happening…
Hi,
Translations are in tinymce/plugins/bootstrap/langs/ directory.
1. Copy the 2 files named fr_FR.js and fr_FR.php (adapt their name to your language) 2. Change the translations into these files 3. Init tinyMce with your language :
$("textarea").tinymce({
....
language: "nl_NL"
Hi, i just bought your Bootstrap plugin for TinyMce but i made a mistake … I bought the JS version instead of WordPress one ….
Is it possible to cancel or change my order ?
Thanks a lot, Regards
Hi,
Thanks for purchase. Please open a chat at https://www.phpformbuilder.pro, we’ll solve this together
Hello, I have a problem getting the “Use Wordpress Theme css in Admin Editor” option to work. The editor tool bar dialog does not respond to this option.
Seems like it won’t read in CSS from my Bootstrap theme ( Bootswatch among others ), all styling in button, icon, label …. dialog box are gone.
If I select one of the three default stylings provided by your plugin ( for theme in lieu of Bootstrap ), everything in the dialog box is fine.
Problem is , it conflicts with Bootswatch Theme. It overrides my Bootswatch Theme selections for the site.
I am new to Wordpress & php and cannot sort this out.
Your help will be much appreciated. Thank you !
Hello,
Thanks for purchase. Can you please send me your Wordpress access?
I’ll see what’s wrong and solve it for you.
Gilles
Thank you so much, but it’s on my Windows 10 PC’s localhost Wampserver. Is there a simple way, may be a zip backup file, that I can send you ?
No please, I’ll not install a zip.
We can have a Teamviewer session if you send me a Teamviewer ID & pass I’ll try to connect.
Teamviewer sounds good. Will contact you in the coming week to set up a session. Thanks Gilles !
That’s ok
Hi, Really sorry to bother again, I’m not looking for bugs or issues but I keep finding them… Object attributes are not preserved.
For example, an image with attribute tilte=”Open Gallery” or style=”display: block; margin-left: auto; margin-right: auto;” or id=”album-9” or data-gallery=”album-9” etc… once I hit bootstrap image and make the thumbnail round for axample and confirm, all these attributes are removed.
I need them for the page to work correctly.
So far I also noticed my buttons get messed up… and the same. Only title attribute is preserved. All the rest goes missing after making any change via plugin.
Tested on downloaded file and on your demo page.
Please advise!
Hi Tilinho,
Again this is not a bug, but something the plugin can’t do for you. If you want to add custom attributes the best way will be to add them once you have placed the elements on your page and won’t update them with the plugin. The plugin gets specific attributes for each element, but can’t deal with custom ones.
Hello. Well that is troubling news.
To me, it does not make any sense at all to buy a bootstrap plugin that I can not use to change my bootstrap elements.
I don’t consider “title” to be a custom attribute.
Anyway, your suggestion for adding elements and once I have placed the elements on the page and don’t update them with the plugin is besides the point of having such a plugin. For that I would have kept things has they were before using only tinymce and my html code would not get messed up.
I must say I’m a little socked with such a suggestion.
I understand that you can be disappointed by my answer, but this is the way it works for the moment.
I’ll think about the possibility to keep any attribute when editing the elements, but it can be difficult to achieve.
I’ll have to parse the elements codes, which can produce inconsistent results depending on the users’ code. I’m afraid it could be sometimes buggy.
For now, you still have the possibility to use the snippet plugin, which can store any reusable code. Or ask for a refund if the plugin is unuseful for you.
Gilles
Hi Gilles. I purchased this plugin, so I will stick with it. I will not ask for a refund besides the disappointment.
I’m not a programmer, but following the logic of the code I changed bootstrap-image.php added a field for title and now reads the attribute fine.
For it to completely work I also needed to change plugin.js to handle title attribute and jqueryHtmlClean.js
Not sure if in utils.js this: var allowedAttrs = new Array([‘class’]); – needs changing but I got it working (Editing/Saving) without changing this last one.
Anyway, I should manage to add style and other important missing attributes, but an update with these changes would be nice.
When you change to french for example, the bootstrap toolbar is not translated and it would be expected. Only one element is translated “Insérer/Editer un Snippet” all the others remain in english.
I only noticed now has I translated everything to my language and the toolbar always remains in English.
How can I fix this?
Thanks,
Hi Tolinho,
Thanks for purchase, and thanks for reporting.
The translations seem to be all ok inside the plugins, the missing ones are just for the toolbar tooltips.
To solve this:
- open your tinymce/plugin/bootstrap/plugin.js
- Replace Line 744:
with the following code:bsTip[key] = 'Insert/Edit ' + val;bsTip[key] = 'Insert/Edit Bootstrap ' + val; - Minify the file to tinymce/plugin/bootstrap/plugin.min.js
Don’t forget to refresh your browser cache, and the translations will work.
To minify, you can use an online tool like https://jscompress.com/
If you prefer you can email me and I’ll send you the 2 files.
If you need anything else you’re welcome,
Gilles
Hello Gilles Thank you for the quick reply and fix.
Correct me if I’m wrong… In addition to editing tinymce/plugin/bootstrap/plugin.js To completely fix the situation I must also change the language file: tinymce/plugins/bootstrap/langs/fr_FR.js Editing the beginning of both line 6 and line 14 to “Insert/Edit Bootstrap”
That got me thinking. Rather leave the original plugin.js untouched and just edit all lines in language file starting “Insert/Edit”
What would you recommend is best?
Thanks you.
You don’t have to edit the language file – or if you see any other translation missing just tell me.
I made the changes myself in plugin.js and these will be on the future releases, so you’ll be able to upgrade safely.
Gilles
Hello again. Thank you for your previous reply. I have one new question and found two other issues that I hope you can help me with please.
The question: How can I add two fonts for icons? glyphicon + fontawesome for example? ‘bootstrapIconFont’: ‘glyphicon fontawesome’ does not work.
The issues:
Issue One
In downloaded file and in your examples: http://tinymce-bootstrap-plugin.creation-site.org/index.html If you have a blank page and select icon and then confirm “OK” nothing happens. No icon is inserted in the editor. It only works if prior to clicking on the icon option there is some other content in the editor.
Issue Two
Tiny MCE normal behaviour is to place < p >& nbsp ;< / p > when I press enter. This works for me. Because I use < p >& nbsp ;< / p > to create space in betwin elements. When I activate boostrap plugin and hit enter I now only get < p >< / p > that will not create the spaces normally use to separate the elements. If I remove Bootstrap Plugin from Tiny MCE I get the normal behaviour again with < p >& nbsp ;< / p >
Note: I edited because the tags were been removed.
Thanks
- Issue One:
tinyMce doesn’t like empty elements. And it’s sometimes almost impossible to prevent it from removing them.
That’s why when you create a template I added placeholders inside each column, and you have to add content before removing them.
If you do not, tinyMce will remove your columns.
The workaround to add icons in an empty page is the same: add any character, then your icon, then remove your character.
I cannot propose any other solution, as It depends on tinyMce’s code itself. - Issue Two
If you look at the code in your browser console or with the code plugin after hitting “alt+enter”, you’ll see an empty
But if you validate your form and see the result live on your page you’ll see the<p></p><p> & nbsp;</p>
Hi, I’ll manage with the icon issue. I will add a character, place the icon and remove the character after.
How can I add two fonts for icons? glyphicon + fontawesome for example? ‘bootstrapIconFont’: ‘glyphicon fontawesome’ does not work.
Regarding issue two, its messing my work because I naturally just hit ENTER… ALT+ENTER does in fact add the blank space in the paragraph
What changes must I do in /tinymce/plugins/bootstrap/plugin.js for when I hit ENTER I get the normal behaviour… a paragraph with a blank space in between < p > & nbsp ; < / p >
How can I add two fonts for icons?You can’t – but do you really need 2 font icons? (it seems a bit strange)
Regarding issue twoit’s not an issue, but the way it works. If you hit
enter inside a Bootstrap element (column, table cell, ...) it creates a new line inside the element.
If you hit Alt + Enter it creates the new line outside.
You can change this in plugin.js L.979 in editor.on('keydown', function(e) { event.
Just change the keycodes to adapt to your suits.
Gilles
Hello Gilles, There is nothing strange about using two fonts. Why would it be?!
I use glyphicon + fontawesome, I like icons from both projects so I combine them has I need.
Not sure if I was able to explain correctly. I understand the changes you did in order to preserve the bootstrap elements when you hit ENTER. alt+enter and cmd+enter… no worries here.
My issue is when you are out of all bootstrap elements and you hit enter. I get a paragraph but WITHOUT Nonbreaking space in the middle. Not has expected.
If I disable bootrap plugin and hit ENTER I get a paragraph but WITH Nonbreaking space in the middle. Has expected.
This is what I’m looking to achieve. To get the Nonbreaking space in the middle of the paragraph. Any hints?
If you save your content (validate your form) and open your page, you should have the & nbsp; preserved. I tested and it worked.
If not, please send me your access, I need to test with your own tinyMce.
Hi. I’m still on local machine.
When I send it to a live domain I will contact you.
ok perfect.
Hi I bought this plugin a few months ago. But it does not work now because the tinymce has been updated. I only managed to use this tool for a few months. Now it can not be used. Is it possible for you to send me a usable version of it or guide me with the way to solve it?
My Purchase code: 0e946d4d-8778-43f7-8b0a-9ec21892e4ae
Thank you in advance Aghaie
Hi Aghaie,
The plugin works perfectly with the latest tinyMce 4.7.2
Your problem probably comes from elsewhere. Have a look at your browser’s console, it’ll help.
Gilles
Please can you let me know how the snippets are stored, please?
I am hoping to be able to adapt this so that variables from a database can be inserted.
Thanks.
Hi,
The snippets are stored in an xml file. You can access with php and SimpleXML.
Gilles
Hello, Does this plugin use bootstrap 4?
Hi,
Sorry no, it’s planned and it will, as soon as possible.
Good Morning – A couple of questions…
Is there a way for the plugin to support icomoon or a custom icomoon subset for the icon font?
Are you working on Bootstrap 4 support now that it is in stable beta release?
Thanks!
Hi Ekklesia360,
Thanks for purchase.
The following icon fonts are supported: glyphicon – ionicon – fontawesome – weathericon – mapicon – octicon – typicon – elusiveicon – materialdesign
You can set your preferred icon font in the plugin’s config.
I plan to support Bootstrap 4, but I cannot find time to work on this. It will on the future, of course it would be a good thing, but I can’t say when it’ll be possible.
If you need anything else you’re welcome,
Gilles
Hi Gilles, I manage to use Tiny MCE Bootstap for Joomla. I installed well the plugin and modified the configutation of the l’editor. When i publish one article, this article is no correct. My site (test) www.joomla.microsann.net.
Thanks for your help.
Best regards Gilles
.
Hi,
It seems your page doesn’t use Bootstrap ; you just have to add Bootstrap css to your template, and it will be ok.
You can customize according to your suits here: http://getbootstrap.com/docs/3.3/customize/
Or just use cdn: https://www.bootstrapcdn.com/legacy/
If you need anything else you’re welcome,
Gilles
Hi, I have no knowledge of the syntax to add the links towards the various files css, js… You can send me an example which leans on Template Beez3.
Best regards.
Gilles
Hey, you’re French, I didn’t noticed!
Please email me your phone, I’ll call you & help. Or even better: install Teamviewer & send me your ID & pass.
Hi
I’m having some troubles.
The icons are not showing on the website, I did everything as you instructed, but it’s not showing. And on administration on the buttons the icons show, but not the icons alone where the icon of an heart is.
And on the images, it doesn’t stay a circle, it shows like an egg. 
Great plugin 
best regards
Hi Kyzer,
Thanks for purchase.
About the egg it’s normal. That’s the way Bootstrap makes its circle images: it adds a 50% rounded border, so your image has to be a square to display a real circle.
About your icons, I can’t help without ftp and url. Would you like to send them to me?
Hello There! I am looking to integrate TinyMCE bootstrap plugin in a jquery component. What kind of license should i purchase for this integration? Also, I need standalone plugin which does not make any external calls to get required output. Can you please guide.
Hi Harpkaur,
To integrate TinyMCE bootstrap plugin in your component you need the extended license and the author agreement.
Can you please tell me a bit more about your jQuery component? (you can contact me using my contact form)
The plugin is standalone and makes no external call, but you need a PHP server running.
Thanks,
Gilles
Thanks Gilles. I have sent you details on my contact form. Could you pls respond to it. Best, Harpreet
I replied you about one hour ago