Hello
Is it somehow possible to add an inline class to a link? So that it will be like this:
<a class=”mybuttongold”…
Or what would be a best way to achieve this?
Regards,
Simon
Hi Tim,
Can you add function to re-order the list? This will be very helpful in user perspective.
Related issue [closed]: Reordering Already Created Custom Styles
]]>Hi there,
I added many custom style through the TinyMCE Custom Styles plug-in (like 160 styles) and the dropdown for the custom styles in the WordPress editor is not opening anymore. When the styles were around 80 it was working as expected and I managed opening the dropdown and apply the styles to the text in the editor. Is there a limit for the styles number? Is there a log I can check?
I have successfully created several custom styles – which do appear in the Formats dropdownmenu (image1 – https://www.treasuringgodexperiencinglife.com/wp-share/image1.jpg). However, if I try to add NEW custom styles, I can only add them to the bottom of the list (image2 – https://www.treasuringgodexperiencinglife.com/wp-share/image2.jpg). I have tried to search for where TinyMCE Custom Styles “stores” the list of custom styles I’ve defined, so that I might be able to reorder my list there. But I cannot find where those definition are stored.
Is it somehow possible (to reorder the appearance of the custom FOrmats styles) within the TinyMCE Custom Styles settings interface?
Is there a file which is storing the custom styles I’ve created which I can manually order?
]]>This seems very useful, well done. I was looking for a way to support <mark>.
When I set up a new formatting option with Type Value of mark, no classes are necessary to add.
After saving settings, the plugin echos the following error into the table…
Undefined index: classes in /Users/myname/Local Sites/the-map/app/public/wp-content/plugins/tinymce-custom-styles/tinymce-custom-styles.php on line 631
Only adding an arbitrary class name , eg. “none“, removes the error. But I don’t need to use any classes.
Looks like you need to properly check whether the user has added classes.
Custom styles aren’t being inserted into the “Formats” menu when Advanced Editor Tools (v5.6.0) is activated, and even when “Create CSS classes menu” setting is off. Version 1.1.2; WP version 5.9.2.
]]>Hello,
The added formats doesn’t appear when using Flatsome theme (they already have their own predefined Format options. What can be done in such case?
Thank you in advance
When creating two different custom styles using different classes and then trying to switch between the two the classes do not get replaced, instead it gets added. Example if you select a custom style with a tag say H1 with a class of green and then change it to a different H1 tag with a class of blue, both the green and blue classes are present. If you then switch to the default H1 with no classes the classes do not get remove.
Any thoughts on this?
]]>I tried the plugin with TinyMCE Advanced 5.6.0 and Classic Editor, but it seems not wo work anymore. No custom styles are added to the menu, even if I deactivate TinyMCE Custom Styles. Can anybody help?
]]>Hi, is there a chance you could add an export and import functionality?
]]>How to make an ul li?
]]>Hi
classic TinyMCE disappeared (not showing no more) after installing and activate TinyMCE Custom Styles.
back on again after de-activate TinyMCE Custom Styles.
]]>Nearly abandoned – but not yet! I needed my own plugin once again for an own website. It still seems to work fine – I have the “Classic Editor” plugin installed. And I have TinyMCE Advanced 5.4.0 active too. These are the settings I use in TinyMCE Advanced:
Down below someone asked about Gutenberg – sorry, but I am absolutely not a fan of Gutenberg. If a website needs a page builder, I recommend Elementor – knocks the stuffing out of its competitors.
Cheers,
Tim
Hello,
I’m trying to add custom fonts styles in the text editor in my WordPress and I’m using Flatsome theme. Yet, it doesn’t work (I first tried with code and then with your plugin, none worked). It just does duplicate the “Formats” drop-down menu which is implemented in this theme. Is there any way to add a custom style under another menu ? For information, I’m still using the classic text editor.
See this screenshot : https://imgur.com/a/SYFEQ9m
Thank you.
]]>I found the editor will not show the css that I wrote in editor-style-shared.css when TinyMCE Advanced is activated.
Is there anything I can do to solve this problem?
Hi
I added 3 styles. One will change text into a small uppercase font. When I select the style in the dropdown menu the whole paragraph is styled, while I want just one word to get the style. How to work with this?
thanks
Marja
ps the link is the site where I am usong this.. there is no specific page.
After I have updated tinyMCE Advanced to version 4.7.11 the custom styles visible in dropdown menu is disappeared…
Someone can Help me ?
I have recently encountered a problem editing two sites I’ve developed in the with the Divi theme. On both sites the problem was resolved when I deactivated TinyMCE Custom Styles plugin. None of the other plugins on either site produced the problem when activated.
Are you aware of the issue with Divi Builder? And if so, is there a solution forthcoming?
Thank you, John Williams
]]>I love this plugin! It’s super useful. But it doesn’t work with the default Paragraph Block plugin. It works with the Classic Editor Block, but I’d love to have the plugin actually modify the default block, which I think just requires support to hook into the react frontend etc. There’s a really cool opportunity here to revamp the editor experience by adopting the Gutenberg Editor’s minimalist componentized visual design.
]]>Hi,
I’m trying to use the plugin to replicate a header custom style but having tried many combinations using the plugin I can’t seem to do this. The HTML tags I would like to replicate are <h3 class="widget-title"><span>My Header</span></h3>
Can you help?
Thanks
]]>I installed TinyMCE Custom Styles to make it easier for me to apply styles when I am writing blog posts. After developing my custom theme locally I deployed it to my host.
After deploying it, I decided to add caching using W3 Total Cache plugin. For some reason, my admin panel is now loading my shared-styles.css file and applying the styles not just the the parts contained within the post, but everything outside of it too, making it almost impossible to read some parts of the website.
So what am I supposed to do here? Why is the shared styles being loaded like this on the admin side?
]]>Hi,
On translate.www.ads-software.com it’s said the plugin is not properly prepared for translation (even though it’s possible to translate). Could you please check what’s wrong? As you requested translations from the plugin Changelog, I’d like to provide my services.
I have two sites which I manage on the same server with mydomain.com.
I have exactly the same WP Theme (Divi, by Elegant Themes) and exactly the same plugins. On my fwboreham.com site TinyMCE Custom Styles works perfectly. But on findingtruthmatters.org it doesn’t. I have deleted and re-installed the plugin. I have cleared the cache. I have made sure the .css files have been created on the server. But still it doesn’t show up in the Format dropdown menu.
I have contacted the Host and they said that it is a plugin issue. I have looked on the forum and cannot see any solutions offered to this particular problem.
Is there a way I can fix this?
-Andrew.
Two people noted that this plugin is not compatible with TinyMCE Advanced from Andrew Ozz. In the new version 1.0.4 I have improved the way styles are inserted into the editor config, to preserve anything already there; and added two options to govern how my items are inserted.
I’ve tested it with TinyMCE Advanced 4.6.3 and don’t see any problem: The custom styles from this plugin appear in the menu item “Format | Formats” and work as far as I can tell.
Sorry to all that it took me a long time to get around to doing this – there’s always sooo much to do…
Tim
]]>I was able to create some different fontstyles with p- and span-Tags, they show some styling in the format-dropdown, but not the color.
I have seen other screenshot, where the styles in the dropdown are colored like the final output in the editor and frontend…how is this possible? “color…!important” in the editor-style.css didn’t work.
Hello,
I thought this plugin creates the styles for editor and frontend in the background, put it just puts all styles as inline-styles into the frontend-HTML.
Is it possible to NOT have it with inline-styles? I want to work only with classes not with inline-code all over my page.
]]>It’s a cool plugin. You do some really nifty things with it. Although i’m missing one thing.
It would be cool if you add the functionality to add a wrapper-element for a style.
Could be done in two ways, i think:
1. Per style add extra option to add a html element as wrapper. For example a DIV, SPAN, P, etc..
The CSS class you can fill in could be moved to the wrapper instead in this case so you still address the wrapper and it’s child.
2. Add an option to a style where can choose that the style can function as a wrapper for another style.
I hope you can consider this suggestion. Or if it’s already possible in some way, i’d like to know how.
]]>My first effort to style tinymce did for some parts work.
I am styling a modal window that pop up when I click “insert image”
I want to hide all fields in that modal except for the fileupload source field. (of course)
I managed to hide the fields using my default stylesheet.
But I could not change the modals dimensions to make the box smaller, like I could in browser inspector tool. I do think I know why, because the css is loaded later?
So I installed your plugin that generates a css file. Inserted the same styling. Yet the result was the same as when I used my default stylesheet, it ignored my attempt to set the height.
customeditor-style-shared.css :
...
/* Append your site-specific styles here */
// This did not work (modal box)
div#mceu_38-body.mce-container-body.mce-window-body.mce-abs-layout{
height: 74px;
}
div#mceu_38.mce-container.mce-panel.mce-floatpanel.mce-window.mce-in{
height: 156px;
}
//This worked, I hid the fields and labels
div#mceu_53-body.mce-container-body.mce-abs-layout{
display: none;
}
div#mceu_71-body.mce-container-body.mce-abs-layout{
display: none;
}
div#mceu_52.mce-container.mce-abs-layout-item.mce-formitem{
display: none;
}Hope I made sense ??
]]>Having an issue using the plugin. Could be the fact that I’m using the latest version of WordPress and it is not yet compatible. When I install and activate this plugin – the visual editor on all widgets/pages/posts just disappears entirely and all I have access to is the text editor. Have now deactivated the plugin and everything works as it should again.
]]>I was trying to add custom styles myself, using php I found in a blog, to the editor when I came into this plugin. Both solutions didn’t add the button to the toolbars though, not until I thought of deactivating tinyMCE Advanced. After that it worked perfectly.
Just letting you know there is a problem with the combination. Though that the plugin you forked (thanks for keeping it up to date) was meant to also run with tinyMCE Advanced, but now it doesn’t. Just a single wordpress installation, running on a genesis framework theme. So no multisite issues here.
If you want it to run together with tinyMCE Advanced… it needs some work (or the other plugin off course)
]]>