Comments and changes to this ticket
-
dleffler February 6th, 2016 @ 04:38 AM
As note, here are some custom styles (configuration) for CKEditor (This may need to be added to the default styles)
/* CKEditor Twitter Bootstrap 3 Styles / / Typography / [ { name: "Paragraph Lead" , element: "p" , attributes: { "class": "lead" } } , / Blockquotes / { name: "Blockquote" , element: "blockquote" , } , { name: "Blockquote Reversed" , element: "blockquote" , attributes: { "class": "blockquote-reverse" } } , / Lists / { name: "Unstyled List" , element: "ul" , attributes: { "class": "list-unstyled" } } , { name: "List inline" , element: "ul" , attributes: { "class": "list-inline" } } , / Tables / { name: "Table" , element: "table" , attributes: { "class": "table" } } , { name: "Table Striped rows" , element: "table" , attributes: { "class": "table table-striped" } } , { name: "Table Bordered" , element: "table" , attributes: { "class": "table table-bordered" } } , { name: "Table Hover rows" , element: "table" , attributes: { "class": "table table-hover" } } , { name: "Table Condensed" , element: "table" , attributes: { "class": "table table-condensed" } } , / Images */ { name: "Image responsive" , element: "img" , attributes: { "class": "img-responsive" } } , { name: "Image rounded shape" , element: "img" , attributes: { "class": "img-rounded" } } , { name: "Image circle shape" , element: "img" , attributes: { "class": "img-circle" } } , { name: "Image thumbnail shape" , element: "img" , attributes: { "class": "img-thumbnail" } } , { name: "Image float left" , element: "img" , attributes: { "class": "pull-left" } } , { name: "Image float right" , element: "img" , attributes: { "class": "pull-right" } } ] -
dleffler February 6th, 2016 @ 04:38 AM
As note, here are some custom styles (configuration) for TinyMCE (This may need to be added to the default styles)
/* TinyMCE Twitter Bootstrap 3 Styles */ [ { "title": "Typography", "items": [ { "title": "Lead Text", "block": "p", "classes": "lead" }, { "title": "Small", "inline": "small" }, { "title": "Marker", "inline": "mark" }, { "title": "Insert", "inline": "ins" }, { "title": "Abbreviation", "inline": "abbr" }, { "title": "Initialism", "inline": "abbr", "classes": "initialism" }, { "title": "Cited Work", "inline": "cite" }, { "title": "Keyboard Phrase", "inline": "kbd" }, { "title": "Variable", "inline": "var" }, { "title": "Sample Text", "inline": "samp" }, { "title": "Address", "format": "address", "wrapper": true }, { "title": "Code Block", "format": "pre", "wrapper": true } ] }, { "title": "Colors", "items": [ { "title": "Muted", "inline": "span", "classes": "text-muted" }, { "title": "Primary", "inline": "span", "classes": "text-primary" }, { "title": "Success", "inline": "span", "classes": "text-success" }, { "title": "Info", "inline": "span", "classes": "text-info" }, { "title": "Warning", "inline": "span", "classes": "text-warning" }, { "title": "Danger", "inline": "span", "classes": "text-danger" }, { "title": "Background Primary", "block": "div", "classes": "bg-primary", "wrapper": true }, { "title": "Background Success", "block": "div", "classes": "bg-success", "wrapper": true }, { "title": "Background Info", "block": "div", "classes": "bg-info", "wrapper": true }, { "title": "Background Warning", "block": "div", "classes": "bg-warning", "wrapper": true }, { "title": "Background Danger", "block": "div", "classes": "bg-danger", "wrapper": true } ] }, { "title": "Utilities", "items": [ { "title": "Caret", "block": "div", "classes": "caret" }, { "title": "Pull Left", "block": "div", "classes": "pull-left" }, { "title": "Pull Right", "block": "div", "classes": "pull-right" }, { "title": "Clearfix", "block": "div", "classes": "clearfix" }, { "title": "Center Block", "block": "div", "classes": "center-block" }, { "title": "Show", "inline": "span", "classes": "show" }, { "title": "Hidden", "inline": "span", "classes": "hidden" }, { "title": "Invisible", "inline": "span", "classes": "invisible" }, { "title": "Hide Text", "inline": "span", "classes": "hide-text" } ] }, { "title": "Lists", "items": [ { "title": "Unstyled List", "selector": "ul,ol", "classes": "list-unstyled" }, { "title": "Inline List", "selector": "ul,ol", "classes": "list-inline" } ] }, { "title": "Buttons", "items": [ { "title": "Default", "inline": "a", "classes": "btn btn-default" }, { "title": "Primary", "inline": "a", "classes": "btn btn-primary" }, { "title": "Success", "inline": "a", "classes": "btn btn-success" }, { "title": "Info", "inline": "a", "classes": "btn btn-info" }, { "title": "Warning", "inline": "a", "classes": "btn btn-warning" }, { "title": "Danger", "inline": "a", "classes": "btn btn-danger" }, { "title": "Link", "inline": "a", "classes": "btn btn-link" }, { "title": "Large", "selector": "a,button,input", "classes": "btn-lg" }, { "title": "Small", "selector": "a,button,input", "classes": "btn-sm" }, { "title": "Extra Small", "selector": "a,button,input", "classes": "btn-xs" }, { "title": "Block", "selector": "a,button,input", "classes": "btn-block" }, { "title": "Disabled", "selector": "a,button,input", "attributes": { "disabled": "disabled" } } ] }, { "title": "Labels", "items": [ { "title": "Default", "inline": "span", "classes": "label label-default" }, { "title": "Primary", "inline": "span", "classes": "label label-primary" }, { "title": "Success", "inline": "span", "classes": "label label-success" }, { "title": "Info", "inline": "span", "classes": "label label-info" }, { "title": "Warning", "inline": "span", "classes": "label label-warning" }, { "title": "Danger", "inline": "span", "classes": "label label-danger" } ] }, { "title": "Alerts", "items": [ { "title": "Default", "block": "div", "classes": "alert alert-default", "wrapper": true }, { "title": "Primary", "block": "div", "classes": "alert alert-primary", "wrapper": true }, { "title": "Success", "block": "div", "classes": "alert alert-success", "wrapper": true }, { "title": "Info", "block": "div", "classes": "alert alert-info", "wrapper": true }, { "title": "Warning", "block": "div", "classes": "alert alert-warning", "wrapper": true }, { "title": "Danger", "block": "div", "classes": "alert alert-danger", "wrapper": true } ] }, { "title": "Other", "items": [ { "title": "Reverse Blockquote", "selector": "blockquote", "classes": "blockquote-reverse" }, { "title": "Centered Blockquote", "selector": "blockquote", "classes": "text-center" }, { "title": "Blockquote Footer", "block": "footer" }, { "title": "Well", "block": "div", "classes": "well", "wrapper": true }, { "title": "Large Well", "block": "div", "classes": "well well-lg", "wrapper": true }, { "title": "Small Well", "block": "div", "classes": "well well-sm", "wrapper": true }, { "title": "Badge", "inline": "span", "classes": "badge" }, { "title": "Responsive Image", "selector": "img", "classes": "img-responsive" }, { "title": "Rounded Image", "selector": "img", "classes": "img-rounded" }, { "title": "Circle Image", "selector": "img", "classes": "img-circle" }, { "title": "Thumbnail Image", "selector": "img", "classes": "img-thumbnail" } ] } ] -
dleffler February 6th, 2016 @ 04:40 AM
As a note those last two comments can be used as custom styles, but probably should be added to the default styles
-
dleffler February 8th, 2016 @ 01:06 PM
- State changed from “new” to “resolved”
This is best handled with a custom toolbar configuration. It is now usable in both editors and an item on the forums has the details.
Please Sign in or create a free account to add a new ticket.
With your very own profile, you can contribute to projects, track your activity, watch tickets, receive and update tickets through your email and much more.
Create new ticket
Create your profile
Help contribute to this project by taking a few moments to create your personal profile. Create your profile ยป
Bug Tracker for Exponent CMS
dleffler
expNinja