Oh ok, good.
Here's my entire init call for the (front-end) Content field, though the style/format settings are exactly the same for my Manager Content field (selector:
).
Granted most of it will not apply to your needs but perhaps you can spot something since it works fine with the img "float" style (included below):
tinymce.init({
selector: "#np-content",
skin_url: '[[++assets_url]]components/tinymcewrapper/tinymceskins/modxPericles',
menubar: false,
contextmenu_never_use_native: true,
body_class: 'frontClass',
body_id: 'frontId',
content_css: [
'//fonts.googleapis.com/css?family=Crimson+Text:400',
'//fonts.googleapis.com/css?family=Cormorant:300,300i,400,400i,500,500i,600,600i,700,700i',
'//fonts.googleapis.com/css?family=Oswald:300,400,700',
'//fonts.googleapis.com/css?family=Expletus+Sans:400,400italic,500,500italic,600,600italic,700,700italic',
'//fonts.googleapis.com/css?family=Roboto+Condensed:300,400',
'[[~1]]css/global.css?' + new Date().getTime()
],
external_plugins: {
bubbleBar: "[[++assets_url]]components/tinymcewrapper/tinymceplugins/tinymceBubbleBar.js",
charwordcount: "[[++assets_url]]components/tinymcewrapper/tinymceplugins/charwordcount.min.js",
definitionlist: "[[++assets_url]]components/tinymcewrapper/tinymceplugins/definitionlist/plugin.min.js",
twPreCodeManager: "[[++assets_url]]components/tinymcewrapper/tinymceplugins/twPreCodeManager.js",
twAceEditor: "[[++assets_url]]components/tinymcewrapper/tinymceplugins/twAceEditor.js"
},
twAceEditorPoppedOrInline: 1, //1 for popped (default), 0 for inline
twAceEditorSettings: { // pass in any Ace official setting you like to overwrite default behaviour
twAceEditorCDNbase: "",
twPoppedTitle: "Source Code",
twPopped: 0, // popped (1 default) or inline (0)
twPoppedWidth: "",
twPoppedHeight: "",
twEmmetUrl: "[[~1]]assets/components/tinymcewrapper/tinymceplugins/ace/emmet.min.js", // emmet.js version must be for Ace
twViewInlineButtonText: "View Inline",
twCloseButtonText: "Close",
twInlineWidth: "auto",
twInlineHeight: 360,
fontSize: "12px",
theme: "ace/theme/solarized_dark",
showPrintMargin: false,
wrapBehavioursEnabled: true,
twLoadCSS: 0 //default 1
},
twPreCodeManagerSettings: {
twLoadCSS: 0, //default 1
protectMODXsquareBrackets: true, // default is false
protectMODXsquareBracketsXter: "*", // default xter to place in between open square brackets [[ = [*[
contentEditable: true, //default is false
managerPREcss: false, //default is true
},
file_browser_callback: autoFileBrowser,
plugins: "anchor,autoresize,preview,contextmenu,image,imagetools,media,link,fullscreen,code,charmap,searchreplace,textpattern",
resize: true,
autoresize_bottom_margin: 0,
autoresize_min_height: 200,
autoresize_max_height: 400,
image_advtab: true,
image_caption: true,
style_formats_merge: true,
style_formats: [
{ title: 'Containers', items: [
{ title: 'Article', block: 'article', wrapper: true, merge_siblings: false },
{ title: 'Aside', block: 'aside', wrapper: true },
{ title: 'Figure', block: 'figure', wrapper: true },
{ title: 'Header', block: 'header', wrapper: true },
{ title: 'Section', block: 'section', wrapper: true, merge_siblings: false }
]},
{ title: 'Custom Styles', items: [
{ title: 'Cite', inline: 'cite' },
{ title: 'Horizontal Rule', block: 'hr' },
{ title: 'Lowercase', inline: 'span', classes: 'lowercase' },
{ title: 'Quote', inline: 'q' },
{ title: 'Small', inline: 'small' },
{ title: 'Sub-heading', block: 'p', classes: 'subHead' },
{ title: 'Tooltip', inline: 'span', classes: 'tooltip' },
{ title: 'Update', block: 'div', classes: 'update' },
{ title: 'Wide', block: 'div', classes: 'wide' },
{ title: 'Image Right', selector: 'img', styles: { 'float': 'right' }}
]}
],
link_class_list: [
{ title: 'None', value: '' },
{ title: 'Image Zoom', value: 'fancybox' }
],
rel_list: [
{ title: 'Default', value: '' },
{ title: 'External', value: 'external' },
{ title: 'Do Not Follow', value: 'nofollow' }
],
toolbar: "code twPreCodeManager bullist numlist ToggleDefinitionList ToggleDefinitionItem | link unlink anchor | image media | charmap | styleselect | bubbleBarOptionsButton | fullscreen",
contextmenu: "code | bold italic underline | link | image media | charmap | removeformat | fullscreen"
});