smonetti / btbutton Goto Github PK
View Code? Open in Web Editor NEWCKEditor4 Bootstrap3 button widget
License: GNU General Public License v3.0
CKEditor4 Bootstrap3 button widget
License: GNU General Public License v3.0
Some CMS which use that plugin may not use Bootstrap for editing content.
As a result - Bootstrap buttons provided by plugin will not have desired styles in CKeditor.
We can use cdn to attach needed css.
for me the button is always grayed out, unless i enable widgetbootstrap for some reason. What's the dealio? (cool plugin btw)
I've tried the different settings for buttons and all of them seem to work with the exception of the icons tab options. Adding an icon name to either FA/Glyphicon fields doesn't change the tag output, so no icon is produced. I'm using CKEditor 4.3.5 in Expression Engine 2.9. We already use Font Awesome on our site so seeing that supported is great. Is there something I'm missing to make the proper classes/html appear for icons?
Changing the URL option in dialog settings doesn't have any effect in the href attribute of the element.
I found a solution removing the attribute 'data-cke-saved-href' after changing the href in plugin.js.
if (this.data.href) { $el.attr('href', this.data.href); this.element.$.removeAttribute('data-cke-saved-href'); }
@smonetti thanks for merging PR #9. Any chance we could roll a new release for the ckeditor add-ons (https://ckeditor.com/addon/btbutton). Thanks.
I even tried the demo on your site. Creating a button works great but if you go to make changes, some times it works then suddenly it is back to the default settings.
It would be good to be able to use the outline version
https://getbootstrap.com/docs/4.0/components/buttons/#outline-buttons
Cheers
Create a button, select a size option other than Normal (Extra Small, Small, Large)
Click OK
The button is sized.
Reopen the button properties dialog and switch the button back to size Normal.
Click OK
The button size doesn't change.
This can be resolved by changing plugin.js near line 35
From:
if (this.data.btnsize) {
$el.removeClass('btn-xs btn-sm btn-lg').addClass(this.data.btnsize);
}
To:
$el.removeClass('btn-xs btn-sm btn-lg');
if (this.data.btnsize) {
$el.addClass(this.data.btnsize);
}
Every time that there is a icon on the right, it is adding a ย that is converted from the \n added at the end of the i append. It happens in every edit or every "Source" view.
Does the plugin work with Bootstrap 4?
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.