Code

Discussion on Tinymce Bootstrap Plugin

Discussion on Tinymce Bootstrap Plugin

By
Cart 1,309 sales

migli supports this item

Supported

This author's response time can be up to 1 business day.

322 comments found.

Hi,

Nice plugin. With tinymce i created one html file, i mean, one web page.

What css/js i need attach to this web page created to publish at web?

Regards,

Bill

Hi Billminozzi,

Thanks for purchase.

You need Bootstrap css, + Bootstrap js if you use components like modals, tabs, alerts, ...

They are also available on cdn :
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>

Thanks a lot for your great support and plugin.

Thanks to you, you’re welcome

I am basic user , so let me explain what I did, Download the pack , and upload only plugin folder to tinymce plugin folder, then call bootstrap in var editor = { editorName: ‘tinymce’, is_destroying: false, params: { plugins: [ “advlist autolink lists link image charmap print preview anchor”, “searchreplace visualblocks code fullscreen”, “insertdatetime media table contextmenu paste textcolor” “bootstrap” ], menubar: false, statusbar: true, mode: “textareas”, force_p_newlines: true, extended_valid_elements: “i[],span[]”, forced_root_block: ’’, media_strict: false, toolbar1: ‘newdocument | fullpage | bold italic underline strikethrough | alignleft | aligncenter | alignright | alignjustify’, toolbar2: ‘styleselect | formatselect | fontselect | fontsizeselect | forecolor | backcolor’, toolbar3: ‘cut |copy |paste | searchreplace | bullist | numlist | outdent | indent | blockquote | undo | redo | link | unlink | anchor | image | media | code | bootstrap’,

It is not showing , Please guide me step by step so i can use it . awaiting for your reply

Hi samivohra,

Thanks for purchase.

Your init code is specific (not tinyMce classical “tinymce.init”) ; Do you use cs-cart ?

Anyway, it seems you have to add a comma here :
textcolor”, “bootstrap”

If it doesn’t help, please tell me what says the browser console, or send me your ftp access if possible via my profile.

Gilles

I am using cs cart , Where I have uploaded plugin in to tinymce plugin dir , and call in /tinymce.editor.js toolbar1: ‘newdocument | fullpage | bootstrap | alignleft | aligncenter | alignright | alignjustify’, toolbar2: ‘styleselect | formatselect | fontselect | fontsizeselect | forecolor | backcolor| bootstrap ’|,

But its not showing , Please help in order to use it

Hi samivohra1,

I answered you in your latest message

i added secure.phpfile to the img folder and nothing it isnt working

i cant find a file manager that will work with this they all break it

i cant find a file manager that will work with this they all break it

Hi compropc,

Personally I use the excellent responsivefilemanager from Alberto Peripolli. With it you can manage any file, and even resize / crop your images using aviary features.

Your images dir is not authorized.

Hi compropc,

I’ll solve this, I sent you a message via your profile

Hi,

Is it possible remove the first “B” from toolbar?

Regards,

Bill

Hi billminozzi,

Thanks for purchase. That’s not a native option, but it’s easy to do for me. Please find my email at the top of your plugins/bootstrap/plugin.js and send me an email, I’ll send you the updated files

Gilles

Great Product, Great support ! Thanks !!!

Hi! Can I use extended license, to use that plugin on our CMS. This CMS will be installed on multi domains of our clients websites.

Hi ideativepl ,

I already had several demands for particular licences, so I recently asked Envato for precisions. In your case, you have to buy a regular licence for each client / domain.

Hope this is ok for you

Thanks,

Gilles

Is it possible (will it be possible!) to add code clips? By that I mean pre-built chunks of HTML that the user can select from a drop down (or similar) so common site items can be added with consistency of styling?

Hi Giles,

Don’t know if you’re familiar with Redactor, Imperavi’s WYSIWYG editor, but they have a plugin called ‘Clips’ which allows the developer to add HTML snippets which the user can then drop in. For instance, say a pricing table was a combo of a Bootstrap grid with three panels in it and some labels and list views. Typically the users of the CMS aren’t designers, so asking them to build that from scratch every time often leads to inconsistencies across the site. If a ‘Clip’ can drop in the template and they just change the text and links, it makes it a whole lot easier.

Redactor, unfortunately, doesn’t work well with Bootstrap, so not an option in this case. Your plugin for tinyMCE seems to have a lot more potential.

Hi WebEditors,

I understand now. I know my plugin has a lot of potential, and your idea seems great & very useful for many users.

I work myself for clients and configure sometimes sort of snippets for them.

My only problem is to find enough time to do it, but I’ll work on it as soon as possible

Hi WebEditors,

Good news today !

I just published the new version, including the snippet tool you asked for.

You can add/edit/delete any custom html as snippet. With option you can enable / disable snippet edition (may want to disable edition for users)

You can also allow / disallow scripts / php into snippets code.

Hope you’ll like it, please give me feedback !

need help with bootstrap image, I get this message:

Your images dir is Not Authorized.

Please create an empty file named secure.php and save it into your images directory to allow access.

I’d rather a small tutorial or a guide to find mount.

greetings and thanks

Hi danibiza,

Thanks for purchase ; you’ll find instructions in index.html#!/quick_start_guide :

bootstrapConfig: {
        'imagesPath': '/tinymce-bootstrap-plugin/examples/img/' // replace with your images folder path
    },

You’ve got to indicate your image path dir, and create an empty file named secure.php in this folder to allow image browsing.

Gilles

PS : please don’t forget to rate at http://codecanyon.net/downloads if you like tinyMce Bootstrap plugin !

Hi Migli,

I liked your product, but there is something that I need and didnt find in demo. I need a feature of image upload, is it available in paid version.

Please suggest

Thanks and regards! Arvind

Thanks Gilles for your support,

Basically We’re building an application for our client which he want to offer on SaaS basis. It will be some sort of renting to his customer on SaaS basis, so it will have multiple domain and subdomain.

Please provide me pricing for this, also is it only plugin cost or plugin and tinymce both?

Thanks and regards! Arvind

Hi Arvind,

I’m not sure what to answer … just sended a request to Envato team about licences, I go back to you as soon as I have more informations

Hi Arvind,

Here is the Envato answer :

Each end user of your item would need their own license as our licenses are only good for a single use. So, if someone were using your item in SaaS environment, they would need to purchase a license each time a new user / or project is using your item.

TinyMce is included in the plugin package.

Gilles

Hi Neotropic,

I made investigations with internet explorer. You can edit Bootstrap elements with it, but you have to double-click instead of just clicking.

That’s the default internet explorer behavior with tinyMce, nothing to do with tinyMce Bootstrap plugin.

I added info text (just for ie users) in the online demo.

About your message “n[s].removeClass is not a function” : removeClass() is a jQuery function. Is jQuery loaded ?

I’m waiting for your screenshots, or ftp access if possible.

Gilles

Getting some strange behaviors. Sometimes after adding something from this it moves the toolbar either far to the right, or to the left and hides some buttons.

And editing anything dropped from does not work. Says ‘Add/Edit’ button. But you can not edit. Same with all the others. Buttons, Icons ect… Rest of the editor is fine, but nothing from this plugin can be edited after dropped.

Same with your demo. Seems misleading you can edit, but not really edit them unless you go into code view. Which most of the users I am setting this up for have no clue about HTML.

Hi Neotropic,

Thanks for puchase, and please don’t worry : if you find issues I’ll work on them and publish a full working update.

1/ You need tinyMce version 4.1 or more. Is this ok ? 2/ Element edition is fully working with Chrome & Firefox, but I just found you can’t edit with Internet Explorer (strange, no ? ... ). This is probably due to the last update. I’ll see that on tomorrow.

Could you please find my email at the beginning of plugin.js file, send me screenshots and tell me which version of tinymce you have, and which browser/version you’re working on ?

Thanks,

Gilles

Ya know, never thought about actually double clicking the elements! Im all… highlight, click button in toolbar.

Ill send screenshots about the error. I will go back and check them again about double clicking.

And ya, would be great for IE too, many clients (which are like Grandma and Grandpa) still use IE.

TinyMCE is the latest version as I just started working with this it. Got frustrated with CKEditor stripping tags.

Hi. I did everything as the documentation said. The plugin works fine, but it doesn’t load properly.

Any clue as to why it loads like this?

\\

Hi Reiji,

Thanks for purchase.

I just tested with the codecanyon zip file and all is ok for me.

1/ Do the examples files have the same problem ? 2/ What is your browser ? Which version ?

Please try to deactivate your others css files to see if the problem remains. If you need more help, could you please send me an ftp access via my profile ?

Thank you migli.

Just solved it. It was a problem with my CSS applying effect to all divs inside the parent.

Thank you for your help.

You’re welcome

Could your plugin work for ck editor or if not do you think you would make one? Thanks

Hi Sussexman,

Sorry, it doesn’t. Maybe someday I’ll write an equivalent plugin for CK editor, but for the moment I can’t find time to do it.

On the other hand, maybe could you be interrested in phpForms : it integrates tinyMce, you can very easily build your forms with it. PhpForms calls all the needed js code & files for you. This way you could use tinyMce Bootstrap Plugin in a very easy way. I can help if you need.

Good Morning I just bought the plugins and I install my editor no longer displays! TinyMCE is version 4.4. Why does not he appear? Sorry for my English, I’m French! does a support forum exists for this plugin? thank you

Bonjour Nathan,

Je suis moi aussi français ! 1/ As-tu testé l’exemple inclus : tinymce-bootstrap-plugin/examples/example-full.html ?

2/ Si tu es en local il faut utiliser un serveur php (wamp, easyphp, ...)

3/ As-tu bien suivi les instructions d’installation ?

4/ Si ton problème n’est pas résolu, pourrais-tu m’envoyer un message en passant par mon profil : http://codecanyon.net/user/migli ? de cette manière on pourra échanger directement par e-mail. Si possible envoie-moi un accès ftp, je pourrai directement voir ce qui ne va pas.

J’ai testé avec la dernière version de tinyMce (4.1.8), ça fonctionne sans difficulté.

How insert image? Is possible?

Already bought and installed correctly. Just another problem when I change the language (language , ’ pt_BR’,) the page is blank. How to fix ?

Thanks for purchase.

First you’ve got to init tinymce with your lang.

Then copy the 2 files : tinymce/plugins/bootstrap/langs/en.js tinymce/plugins/bootstrap/langs/en_EN.php

and rename them with your language name (pt.js and pt_BR.php) Update translations in these 2 files, and it should work.

Please give me feedback.

Migli

Hi mcmsistemas,

I just updated tinyMce Bootstrap Plugin : it includes now a new Bootstrap Images Plugin with file browser as you asked for

very great script , whish you lots of sales ! :)

Thanks !

Great work! Congrats! :)

Thanks AirTheme !

Hi,

Nice to have: The modal where we set the infos is not responsive.

Hi Lenamlt,

Not at the moment, but soon it will be ! Thanks for your suggestion

Hi lenamtl,

tinyMce Bootstrap Plugin is now fully responsive as you suggested. Also added Bootstrap Image Plugin with file browser

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve CodeCanyon.

Sure, take me to the survey