SharePoint Stack Exchange is a question and answer site for SharePoint enthusiasts. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

How can I customize the styles available in the WYSIWYG editor in SharePoint 2010? I'd like to replace the OOTB styles with ones that match our style guide. I found a reference online that mentions editing the form.js and HTMLEditor.js files. Is that the best way to do it? Is it possible to just edit some CSS instead?

share|improve this question
up vote 4 down vote accepted

Never ever edit the out of the box javascript files in SharePoint! (For one: a service pack will probably revert all your changes, and it's easy to break your entire farm with a single typo!)

I've done something like this for a client, what I did was use IE8 Dev tools to find out the classes used by the Styles applied by the HTMLEditor, make up a CSS file that uses those styles, and set the site's AlternateCSS to use this.

If you can't set the site's Alternate CSS, then you could load in the CSS from the masterpage.

Either way, store the CSS in the Style Library of the site, and you should be able to reference it either way.

share|improve this answer

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.