Skip to main content
Sign In

University Web Services (UWS)

University Web Services, University of Colorado Denver

 

 
 
 

Use the content editor web part

SharePoint 2010 Web Part Concepts


Content editor web part

The Content Editor Web Part is intended to allow you to place some more advanced custom HTML in a page. JavaScript and CSS should be placed in subsite.css and local.js files, not in a Content Editor Web Part.

    1. Navigate to the page where you would like a Content Editor Web Part to appear.
    2. Select Edit Page under the Site Actions menu.
      edit page 

    3. To insert a web part, choose Add a Web Part from one of the web part zones on the page, or place your cursor in a content area.
      add a web part

    4. Select the Insert tab in the ribbon, select the Web Part button.
      insert

    5. The web part gallery will open underneath the ribbon. The web part gallery shows the categories, web parts, and a description of the selected web part.
      gallery

    6. Choose the Media and Content category and the Content Editor Web Part. Click Add.
      media and content

    7. Once the Content Editor Web Part is placed on your page, click the Click Here to Add New Content link.
      CEWP

    8. Select the HTML button from the Editing Tools in the ribbon.
      HTML source button

    9. Select Edit HTML Source from the drop down menu of the HTML button.
      source

    10. Add or cut and paste any custom HTML code you want to add to the HTML Source window.
      editing tools

    11. Click OK on the HTML Source window
    12. Use the web part Edit menu to edit the dimensions and title of the web part. Hover your mouse over the title of the web part Content Editor Web Part. Select the drop down arrow to the right side of this title. Choose Edit Web Part.
      edit menu

    13. In the Edit Web Part window located in the upper right of your screen, use the Appearance section to adjust the title and dimensions of the web part.
      full edit menu

    14. Select OK to apply changes.
    15. When you are done making adjustments, Check In, Save and Close, or Publish your page.
    16. Your custom HTML should appear in your page.
University of Colorado Denver

© The Regents of the University of Colorado, a body corporate. All rights reserved.

All trademarks are registered property of the University. Used by permission only.