Banner Advert
Chris Wright
Posted on May 15, 2012 by
7 Comments

SharePoint 2010 brought with it many improvements for adding rich content to pages. These include the ribbon interface (making regularly used controls more accessible) and wiki pages (meaning you could add such content directly to a page). Wiki pages mean you no longer need to bother with ‘content editor webparts’ when you can to add rich content to a page, just add it directly.




Well you could add HTML directly, using the ‘Edit HTML source’ button. However the HTML ‘editor’ (if you could call it that) doesn’t format or highlight the code, so it is very difficult to write proper correctly formed code in here.However adding content isn’t as easy as it should be. The ribbon works well as an interface (though not everyone is a fan), but the process of actually formatting content is tricky. Font styles don’t always seem to apply, spaces (line breaks, normal spaces) are inconsistent, and generally it can sometimes feel like you are ‘fighting’ against SharePoint, rather than with it. So what are the alternatives?



Or you could create your content in Word, and paste it over. This works in the main, but not all formatting will come across exactly as it appears in Word.


If neither of these options appeal (and neither are perfect) then try these slightly more ‘invovled’ solutions.


Use a proper HTML editor to create your HTML

You could in effect use any HTML editor, or text editor, to write your code. Once complete just paste it into the source editor. I often find myself on client site, using client machines without access to my usual machine environment. In this instance I’ve started evaluating online HTML editors to create my content. I’ve yet to find the perfect solution but the following are doing a job:

HTML Edit - Basic editor, useful if you know your HTML

Real Graphics -  WYSIWYG editor, though I find the toolbar a bit buggy

Online HTML editor – WYSIWYG editor, similar to above

Innovastudio editor – Nice option, but crazy subscription model!


Rip out the standard edit controls

Telerik have been offering their RAD control for a number of years. Use it as an alternative, in most cases, to the standard SharePoint editing controls.


Wait for SharePoint 15

Well that might work…

7 Comments

Ashish Mishra on May 16, 2012

I totally agree with you Chris. Pasting your content in content editor web part is not a good option and the formatting provided in the ribbon has inconsisitent behaviour. 1. One of the way to add content is to click in the CEWP, then on ribbon click HTML --> Edit HTML source and paste your content over there with including HTML tags. 2. Second option is to link a text file to the content editor web part. I prefer option (1).

Domtom74 on May 16, 2012

What about CKEditor for Sharepoint ? (http://ckeditor.com/blog/CKEditor_for_SharePoint_1.3_released)

Bobby Chang on May 17, 2012

Good post, Chris. This is a constant struggle for users with little to no HTML knowledge. What You See Is OFTEN NOT What You Get. I have also found that using Shift + Enter in Design mode (non-HTML) to be helpful for quick edits. It inserts a single-spaced Break tag, instead of the extraneous div, span, or everything else SharePoint auto-inserts.

Jason Pryde on May 23, 2012

My experience is that these rich text boxes gets worse on non-pc platforms and non-IE browsers. Under perfect (i.e. all MS) conditions, they work OK though the "clear format" button doesn't always. Also, for webparts like announcements, discussion posts, etc. the text box is *pretty damn small* Most of the page is blank! p.s. Is the Sharepoint Blog a WordPress site?

Chris Wright on May 25, 2012

Yes this is indeed a Wordpress site. I'm not really a dev, but my old school PHP skills meant I could hack this together fairly easily!

Samir Raut on July 28, 2012

I thought I was the only one pulling my hair. I was wrong. What I found useful was to copy content from Word to SharePoint Designer before copying it to CEWP. While in SP Designer, I address the formatting issues between visual/HTML editor. I hear SharePoint 2013 apparently improves WCM experience like this but I have yet to see it. Anyone got to play with it know how this changes in 2013?

Is SharePoint 2013 a missed opportunity? – The Microsoft Enterprise Blog on November 5, 2012

[...] a simple thing like adding rich content to a page is a lot harder than it should be (and annoyingly never really works properly). The text editor tends to have a mind of its own, and this issue so far remains in the new [...]

Add a comment