CODEWITHSUNDEEP
cssbuttontinymcerich-text-editor
Sachin
Sachin

Reputation: 3782

How to change the styling of Control Buttons in TinyMCE edior

I am using TinyMCE to provide rich text formatting options and I want to change the styling of the buttons in the editor. I want to make it neater like the editor that stack overflow has. Can it be done without having to write my custom TinyMCE editor?

Upvotes: 1

Views: 1022

Answers (1)

Thariama
Thariama

Reputation: 50840

You can define what image to use for your buttons using the editor_css (a tinymce init setting)

editor_css : '../../../js/tiny_mce/css/editor.css',

The css will overwrite the css used for the tinymce UI including buttons. The default css depends on the selected mode. Her is a part of my editor.css as example

.defaultSkin span.mce_delete {background:url(../../../editor/images/delete.gif)}
.defaultSkin span.mce_rename {background:url(../../../editor/images/help.gif)}

Upvotes: 1

Related Questions