How to edit source in Content Editor Web Part in SharePoint 2010

May 14, 2011 — 11 Comments

How to edit Content Editor Web Part with HTML Text editor in SharePoint 2010?

In SharePoint 2010 Editing content Editor Web Part is kind of tricky.  I was unable to find the source and HTML Text editor in content Editor Web Part Property section in SharePoint 2010.
From Format Text Tab on the ribbon toolbar, I saw the HTML drop down list and selected to edit HTML source but the source I insert is not going into the SharePoint 2010 content editor web part at all.

After playing around for while, I came to know how to edit the content editor web part.  I hope this  will help someone who is having issues with SharePoint 2010 Content Editor Web Part.

 

Adding Content Editor Web Part in SharePoint 2010

Editing Tools | Insert | Web Part


Adding Web Part in SharePoint 2010

 

Under categories go to media and content to add SharePoint 2010 content Editor web part

Categories | Media and Content |  Content Editor

Media and Content, Content Editor Web Part

Click Add to insert Content Editor Web Part in SharePoint 2010 page

Adding Content Editor in SharePoint 2010

Your web part will say “ Edit this web part to add content to your page”  Click on Content Editor Menu and go to Edit Web Part

Click on Content Editor Menu and go to Edit Web Part

As soon as you click on Edit Web Part, the message in Content Editor web part changes to “ Click here to add content”
Now you can click on HTML under Format Text and click on Edit HTML Source

image

Editing HTML Source in SharePoint 2010 content Editor Web Part

Editing HTML Source in SharePoint 2010 content Editor Web Part

In HTML Source Editor you can input your HTML source.  This is how you edit Content Editor Web Part to add html source in SharePoint 2010

image

11 responses to How to edit source in Content Editor Web Part in SharePoint 2010

  1. 

    This is really good. I was having problem but your post helped me to understand how it works.

  2. 

    Excellent, I was looking for this! Thanks!!

  3. 

    Hi
    i am trying to play video file using the “Content Editor Web Part” when i add the code in Edit HTML Source” it show the media player in content editor web part but when i save that page that content editor web part disappears. it show one warnning also ” Warning: The HTML source might have been modifed”

  4. 

    The Sharepoint 2010 VHD is no longer at this site

    http://virtualizesharepoint.com/download-sharepoint-2010-vhd/

    Is it going to be back soon?

  5. 

    We do not have the options Editing tool?

  6. 

    Sorry for a silly question then, what is the use of SharepointDesigner 2010 in this case?

    I have my site, I just needed to edit 1 of the pages — and did not succeed in finding anything on this “beautiful” prog.
    The previous ver (2007) allows me to do it (just File/Open etc), edit file and save it — but this ver does not.
    Is it on purpose or I simply cannot find smth on its Ribbon etc?

    By the way, what is the use of this “Ribbon”? For 20 years I like everybody else had Win GUI — what was the reason to change it?!

Trackbacks and Pingbacks:

  1. Learning to Brand from the start | Benjamin Niaulin - April 26, 2012

    [...] Detailed Step by Step with pictures are available here: How to edit source in Content Editor Web Part in SharePoint 2010 [...]

Leave a Reply

Please log in using one of these methods to post your comment:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s