322 comments found.
Hey migli,
a Question – when you do the Tiny5/BS4 Update – do you think you could implement a similiar Behaviour like “Gutenberg Editor” or “js.plus TinyMCE Bootstrap Editor”? I mean the ”+” Signs between the DIV Containers to add pre-defined Code-Snippets? Would be a really great addition to your already good Plugin!
thx, bye from Austria
Andreas
Hi,
I have no idea for now, will think about the best possibilities when I’ll start to work on it, but thanks for the suggestion, I’ll do my best.
thx – looking forward seeing a great plugin! 
Tinymce Bootstrap plugin now for Tinymce 5 + Bootstrap 4
V3 is now available
demo here: https://www.tinymce-bootstrap-plugin.com/demo/index
is this working with tinyMce 5 ???
Hi,
Not yes, I have to work (& will) to publish a new version for tinyMce 5 + Bootstrap 4
Tinymce Bootstrap plugin now for Tinymce 5 + Bootstrap 4
V3 is released – demo here: https://www.tinymce-bootstrap-plugin.com/demo/index
Hello, tinymce-bootstrap-plugin imagesPath works for https://myDomain.eu, but not working for https://sub.myDomain.eu. Any idea for me? Thank you for the info.
Hi,
Please contact me, send me your ftp access and URLs, I’ll solve this for you
Last Update 4 November 16
Is this great Plugin dead?
Hi,
No, it’s not dead but still for Bootstrap 3 for now. I’ll work ASAP on a new BS4 version.
Hi migli, do you have a rough ETA when BS4 Version will be ready? As I’m evaluating if we can/should integrate your Plugin into our System currently running BS3 – but also evaluating BS4 at the moment … thx
Sorry no, I hope this can be done in a few weeks, but cannot be sure But what I can say is that it’ll be easily possible to switch from the BS3 to BS4 version, which will be written for tinyMce V5
alright – thx for the Infos. If we buy the Plugin now – will the upgrade to new BS4 Version be included? Thinking of buying it to play a bit around to check if we can work with it in our System … 
Yes, when you buy on Codecanyon you have unlimited free updates.
alright – sounds good – just bought the Extended License with 12 Months Support – looking forward to the BS4 Version – thx 
Thanks for your purchase, I’ll work on it I’ll promise!
Hello, I have some errors by used your script.
https://buurtpreventie.frl/test/examples/example-full.htmlGreetings Theo
Hi Theo,
Thanks for purchase.
Could you please give me more explanations, I see no error right now?
Gilles
Hi,
Great little tool, looking forward to the BS4 version.
I am having a little problem though and that is some of the dialogs open and are taller than the window. The issue is when I scroll the dialog is static and does not scroll with the rest of the page, meaning I cannot see and interact with the buttons at the bottom.
Hi Ncodein,
Thanks for purchase.
Could you please tell me what OS & browser you’re on?
Gilles
Running Windows 10 Pro with Chrome. It has occurred to me that it may be that my web app is built on Bootstrap 4 while your plugin is based on bootstrap 3 so the modal does not work as expected?
Windows 10 Pro with Chrome should be perfect. Could you please send me your ftp & url? (+ login access if required)
I’d buy this if you had a BS 4 version. Any estimate on when you might have that?
It’s time to work on this! I’ll rewrite all the plugin mainly from scratch with new modern tools & features, can’t really say when I finish, will do my very best
Hello, I’m sorry for making a problem but accidentally i bought the normal version of the plugin and NOW i noticed that i bought version for bootstrap, that was mistake.. I need a plugin version for Joomla.. Can You please send me the missing files to install that at Joomla CMS? So sorry for making a problems. Please help me. my code is: 84246b81-7c09-4fb5-bcdc-f2dbc8efb987 Jacek Pruś
I already bought it (under this account), figured that I would either host in the same web instance (I’m pretty sure that won’t be an issue) or use a subdomain.
But thanks for checking!
Hi Ken,
Thanks for purchase.
You can use several instances on the same host, you shouldn’t encounter any problem with this.
Gilles
Hi, about how many lines of PHP code are in this product, and any use of PHP libraries?
I am asking because I want to buy the plugin, but am in an ASP.NET environment, and (from viewing a few comments) if the PHP is just for doing generic web server things like serving up server-side templates in JSON files, that would be pretty easy to convert to .NET.
But, if there is lots of use of PHP-specific code in there, then it would be too much effort.
Hi,
I’m afraid you’d have a lot of work to rewrite all in ASP. Each plugin retrieves some data from the editor & uses PHP to analyse & set the correct values.
Gilles
Thanks for the reply – any chance you can tell me about how many PHP files or lines of code you are talking about?
If the bulk of the translation is simply converting from the PHP syntax to the C# syntax for accessing query string or form field values, converting json, etc then as long as it is not hundreds of files it’s not a big deal to me.
It only becomes a big deal if there is a lot of PHP-specific code, i.e. use of PHP libraries or methods that I would have to look up each value to know what to convert to.
I just had a closer look & indeed it’s not that much work.
About 15 files with a few lines of code, constants for I18n, a class for snippets management. No external library, all is pure PHP.
I suggest that you buy & if you have troubles then ask for refund & I’ll accept.
Hi,
I was wondering, how do you edit templates using your editor?
Is it a feature that should be working?
Hi,
Sorry you can’t edit the templates. As the templates can contain any number of rows & columns, it’s (almost) impossible to deal with the user content.
Hi, nice plugin.
It’s possible to add various css in this parameter?
-> bootstrapCssPath
Hi,
Thanks for purchase. bootstrapCssPath is supposed to be your Bootstrap main css, usually no need to locate several files.
It could be possible with a small customization, but could you explain a bit why you need this?
Feel free to email me your ftp & url if it can be useful,
Gilles
i’ve default bootstrap css and other css file with my bootstrap overrides, and both needed to get same style that my webpage
The solution is to add your CSS to tinyMce.init:
$("textarea").tinymce({
// ...,
content_css : "css/custom_content.css"
Bootstrap plugin keeps the content CSS you add this way, and add Bootstrap before (it loads Bootstrap css THEN your content css)
Did I understand correctly what you want?
Hi,
It’s works in tynymce editor, design are ok, buy in your pluginwindows showme default bootstrap styles.
tinymce.init({
selector: '.editor-tynymce',
plugins: [
'advlist autolink lists link image charmap print preview anchor textcolor',
'searchreplace visualblocks code fullscreen',
'insertdatetime media table contextmenu paste code help wordcount',
'emoticons template paste textcolor colorpicker textpattern imagetools codesample bootstrap codesample'
],
toolbar1: 'undo redo | formatselect | bold italic underline | forecolor backcolor | removeformat | alignleft aligncenter alignright alignjustify | bullist numlist | codesample | code | fullscreen',
toolbar2: 'bootstrap',
menubar: false,
branding: false,
bootstrapConfig: {
'bootstrapElements': {
'btn': true,
'icon': true,
'table': true,
'label': true,
'badge': true,
'template': true,
'alert': true,
'panel': true
}
},
content_css: [
'/stylesheet/layout.css',
'/stylesheet/uielement.css',
'/stylesheet/_global.css'
],
});
You’ve got to add your Bootstrap css path in bootstrapConfig:
bootstrapConfig: {
'bootstrapElements': {
'btn': true,
'icon': true,
'table': true,
'label': true,
'badge': true,
'template': true,
'alert': true,
'panel': true
},
'bootstrapCssPath': base_url + '/css/bootstrap.min.css' // replace with your own
},
but we have two css files, bootstrap default and my custom sttyle, how add two elements?
You don’t need to add 2 elements, add your css with content_css & Bootstrap css with bootstrapCssPath
do not work, your plugin open a iframe and only has one css ’/css/bootstrap.min.css’, we need into plugin iframe all css styles
bootstrapConfig: {
'bootstrapElements': {
'btn': true,
'icon': true,
'table': true,
'label': true,
'badge': true,
'template': true,
'alert': true,
'panel': true
},
'bootstrapCssPath': '/css/bootstrap.min.css'
},
content_css: [
'/css/layout.css,
'/css/uielement.css,
'/css/_global.css'
],
Your question was not clear: I thought you wanted your css into the editor, you didn’t specify that you spoke about iFrames.
So the best way will be to open each plugin php file (tinymce/plugins/bootstrap/bootstrap-alert.php, ...) and add your css after Bootstrap:
<link rel="stylesheet" href="<?php echo $bootstrap_css_path; ?>">
<link rel="stylesheet" href="your-custom.css">
ok, so i must edit all bootstrap-xxx.php and add my custom css.
In next updates you can change “bootstrapCssPath” to array paramenter.
Thanks!
No I won’t because it’s not a good practice to overwrite Bootstrap with your own css. You’d better build your Bootstrap according to your needs.
Hello, Is it possible to use custom image browser? Something like this: tinyMCE.init({ theme : ..., mode: ..., Your image browser is not ok and I want to change it.
file_browser_callback : 'myFileBrowser'
});
Hi,
The image plugin file is tinymce/plugins/bootstrap/bootstrap-image.php It uses jQuery fileTree plugin: https://github.com/jqueryfiletree/jqueryfiletree
If you want to replace the image browser with another one you’ve got to edit the bootstrap-image.php code & build your own.
Another solution would be to use another independent file browser like Responsive File Manager to insert your images, then edit them with the Bootstrap plugin to add Bootstrap classes (rounded images, ...)
If you need anything else you’re welcome,
Gilles
Hi, i purchased this plugin, but my developer is not getting how to use this 1. it tells to download timymce from tinymce website, where its says to buy 2. how do i get a code from tinymce
Please help me
Hi,
Thanks for purchase.
TinyMce is free and open source. The paid versions are just advanced versions with professional plugins, or cloud hosting.
Go to https://www.tiny.cloud/pricing/, click the “Self-hosted” tab, then choose “Community” to download.
Please tell your developer he can send me your ftp if he needs more help.
Gilles
Sir i had mail you the details, please help me out
Done – installed & fully working. I answered your email.
when we add this plugin in tinymce the csrf token stop working in my codeigniter website
Hi,
Thanks for purchase. I’m sorry but I have absolutely no idea why this happens. The plugin doesn’t deal with any kind of token, it just adds the Bootstrap menu to tinyMce.
Are you sure your problem is related to the plugin?
Yes i am sure as i remove this plugin the code is working fine. I am try this many time same thing is happening. when we add this plugin my form submit functionality is disable. there is no error displaying in developer console so that i try to fix it
This seems very strange, as the plugin doesn’t change anything to your form. It uses PHP with Ajax to call each plugin iframe, but no token or similar.
Maybe you could test with the plugin enable but without opening any iframe. If it works this way, it can mean that your system is generating/updating the token in some way when you open an ajax iframe with a form inside.
I don’t use Codeigniter, so I’ll not be able to help more: if you don’t find a solution you can ask for refund & I’ll accept it.
Gilles
Purchase Code: e135ad27-42c7-450c-b608-4a9798955dc0
Can you post an example of multiple tinymce instances, non-jquery, and dropdown? I’ve been struggling with this since I bought the plugin! Trying to figure it out myself to gain experience and knowledge, but I’m finally giving up.
I can only ever get your plugin to work on the very last tinymce instance on a page. If I put it on the first, all of them break.
Hi,
Thanks for purchase.
You just to use an ID for each textarea:
<textarea id="html" name="html" cols="100" rows="20" class="tinyMce form-control"></textarea>
<textarea id="html-2" name="html-2" cols="100" rows="20" class="tinyMce form-control"></textarea>
<script type="text/javascript">
if (typeof(base_url) == "undefined") {
var base_url = location.protocol + '//' + location.host + '/';
}
$(document).ready(function() {
$("#html, #html-2").tinymce({
script_url: base_url + 'tinymce/tinymce.min.js', // replace with your own path
document_base_url: base_url,
plugins: [
"bootstrap"
],
bootstrapConfig: {
'type': 'buttongroup', // dropdownMenu|buttongroup
'imagesPath': '/tinymce-bootstrap-plugin/examples/img/', // replace with your images folder path
'bootstrapIconFont': 'materialdesign'
},
language: 'fr_FR',
toolbar: "bootstrap"
});
});
</script>
If you need anything else you’re welcome,
Gilles
Thank you Gilles. Please see https://gwwcms.gravitywebworks.com/product.html – the second instance doesn’t even have the bootstrap plugin. I do need different init()s for each instance for different options.
Sorry about this Gilles. It looks to be a bug in TinyMCE below v4.6. Everything is working fine in v4.6 and above.
Uncaught SyntaxError: Unexpected token < funcs.js:2
This is because your <script src=”/admin/ease/js/funcs.js”></script> throws a 404 error.
This breaks your scripts. Please try to solve this first, then see if the tinyMce issue is solved (I think it should be)
That funcs error was because I copied it from a secure cms. But my previous message explains the real issue – tinymce v4.5. After trying with tinymce 4.6, your plugin works just fine with multiple instances – up to the latest so far (version 8 ). Thank you for your prompt replies!
Perfect. So the solution is to upgrade to tinyMce 4.6+
If you need anything else you’re welcome,
Gilles
hello, thx for your great plugin. i´m a newbee and in tinymce init i set “type”: “dropdownMenu” but only icons appear no dropdown.
did i forget something?
sry for my simple question 
greetings, harald
Hi Ddrharry,
Thanks for purchase.
This should work fine:
tinymce.init({
selector: "textarea",
plugins: [
"bootstrap"
],
toolbar: "bootstrap",
bootstrapConfig: {
'type': 'dropdownMenu',
... etc.
}
});
If not, can you please email me your ftp & url?
Gilles
These are my questions 1.) What version of Wbootstrap is it using? 2.) When inserting image, when I click “Browse”, I would like to know if it is possible to configure the image browse folder. I already have a folder where I save all my images. Note that in that folder, there might also be another folders which contains images 3.) I cannot see bootstrap list on that demo version. Hope it is available?
Waiting for your reply
Hi,
1. It’s using Bootstrap 3 – I have to work on BS4 version, will do as soon as possible.
2. You can choose your images folder, prefered icon library & others settings in tinyMce.init config. Here’s an example:
$("textarea").tinymce({
script_url: base_url + 'tinymce-bootstrap-plugin/examples/tinymce/tinymce.min.js', // replace with your own path
document_base_url: base_url,
plugins: [
"bootstrap"
],
bootstrapConfig: {
'type': 'buttongroup', // dropdownMenu|buttongroup
'imagesPath': base_url + 'tinymce-bootstrap-plugin/examples/img/', // replace with your images folder path
'bootstrapIconFont': 'materialdesign' // Iconpicker Iconsets - one of the following : glyphicon - ionicon - fontawesome - weathericon - mapicon - octicon - typicon - elusiveicon - materialdesign
},
language: 'fr_FR',
toolbar: "bootstrap"
});
3. There’s no Bootstrap lists with BS3
If you need anything else you’re welcome,
Gilles
What version of bootstrap is it using?
Whether Include crud code and mysql file when I bought this item?
Hi,
There’s no CRUD nor MySQL, it’s just the tinyMce plugin.
Can you help me give me source code how to submit and edit to mysql and php. Due to I want to bought it
I’ve got a better solution for you (a bit more expensive, but a lot better):
- Buy the tinyMce Bootstrap plugin
- Buy the PHP CRUD Generator
It’s exactly what you need to build a website admin panel - Contact me on chat at https://www.phpcrudgenerator.com & I’ll help you to start with these tools (we’ll have to connect on Teamviewer)
Gilles