You can use the Content Editor Web Part to add formatted text, tables, hyperlinks, and images to a classic Web Part Page. This web part is not available for modern pages.
Important:
-
The Content Editor Web Part is intended for adding HTML content to a classic Web Part Page, which may include hyperlinks. However, this Web Part is not designed to connect to a Web site. If you need to connect a Web Part to a Web site, consider using the Page Viewer Web Part.
-
The Content Editor Web Part does not accept the HTML FORM element. If you need to add a Web Part that uses the FORM element, consider using the Page Viewer Web Part or the Form Web Part.
-
Pasting content that uses the Scalable Vector Graphic (SVG) format with a script handler attribute is not supported in any browser. In the Firefox browser, pasting such content is completely blocked. In other browsers, you can paste the content but the script handlers will automatically be removed.
-
Publishing sites and associated web parts aside from the Content Editor web part do not support the Multiple Language User Interface (MUI) feature with SharePoint content. Instead, use the variations feature, which will redirect users to the appropriate variation site, based on the language setting of their web browser. If variations is being used in the site that contains a Content Editor Web Part, do not enable the MUI feature in the site also. For more information, see Create a multi-language website.
-
Once the MUI feature is enabled on a site where a Content Editor Web Part is present, any existing content will be copied, stored, and displayed separately per language enabled. Editing the content in context of one language will not affect the content displayed in another language context in the Content Editor Web Part.
In this article
Ways you can use the Content Editor Web Part
You can use the Content Editor Web Part to add:
-
An introductory, formatted paragraph to a page.
-
A table of instructions to explain a chart on your page, the data that is used in the chart, and how the chart was created.
-
A set of hyperlinks to more information.
Add content to the Content Editor Web Part
There are three ways you can add content to the Content Editor Web Part:
-
Rich Text Editor You can use the Rich Text Editor to type formatted content automatically without prior knowledge of HTML syntax. Click the buttons on the Standard and Formatting toolbars at the top of the window to enter and format the content. Click Help on the Standard toolbar to display a summary of the tasks that you can perform and their corresponding buttons.
-
Source Editor You can use the Source Editor to enter or modify HTML source code. The Source Editor is a plain text editor and is intended for users who are familiar with HTML syntax.
-
Content Link Instead of editing content, you can link to existing content by entering a hyperlink to a text file that contains HTML source code. The two valid hyperlink protocols that you can use are:
-
Hypertext Transfer Protocol (http://)
-
Hypertext Transfer Protocol with privacy, which uses Secure Sockets Layer (SSL) encryption (https://)
You can use an absolute URL or a relative URL. However, you cannot use a file path.
-
Note: If you enter a URL into the Content Editor Web Part as a relative link, the link converts to an absolute URL when the entry is saved. This automatic conversion can be an issue if you are deploying content from a staging environment to production, where absolute URLs reference the original server's name. To address this automatic conversion issue, you will need to edit the Content Editor Web Part on the production server and update the URLs manually.
Important: If the Content Link property links to a file that is located outside the site and the site does not have anonymous user access enabled, you cannot access the file. For assistance, contact your site administrator.
Combine edited and linked content
You can combine edited and linked content to provide both primary and secondary information. For example, you can provide an error message as secondary information in the edited content, in case the linked content or primary information is not available. When you combine both edited and linked content, the linked content is always used first. If the linked content is not accessible, the edited content is used.
Custom properties of the Content Editor Web Part
The custom properties of the Content Editor Web Part are listed below.
Note: You cannot view or edit any of these custom properties in personal view.
|
Property |
Description |
|---|---|
|
Rich Text Editor |
Use to enter formatted text, tables, hyperlinks, and images. Knowledge of HTML syntax is not required. |
|
Source Editor |
Use to enter HTML source code into a simple text editor. Knowledge of HTML syntax is required. |
|
Content Link |
Use to enter a hyperlink to a text file that contains HTML source code. The two valid hyperlink protocols that you can use are:
You can use an absolute URL or a relative URL. However, you cannot use a file path. Important: If the Content Link property links to a file that is located outside the site and the site does not have anonymous user access enabled, you cannot access the file. For assistance, contact your site administrator. |
Common properties of Web Parts
All Web Parts share a common set of properties that control their appearance, layout, and advanced characteristics.
Note: The common Web Part properties that you see in the tool pane may be different from what is documented in this section for several reasons:
-
To see the Advanced section in the tool pane, you must have appropriate permission.
-
For a specific Web Part, a Web Part developer may have chosen not to display one or more of these common properties or may have chosen to create and display additional properties that are not listed below in the Appearance, Layout, and Advanced sections of the tool pane.
-
Some permission and property settings may disable or hide Web Part properties.
Appearance
|
Property |
Description |
|---|---|
|
Title |
Specifies the title of the Web Part that appears in the Web Part title bar. |
|
Height |
Specifies the height of the Web Part. |
|
Width |
Specifies the width of the Web Part. |
|
Chrome State |
Specifies whether the entire Web Part appears on the page when a user opens the Web Part Page. By default, the chrome state is set to Normal and the entire Web Part appears. Only the title bar appears when the state is set to Minimized. |
|
Chrome Type |
Specifies whether the title bar and border of the Web Part frame are displayed. |
Layout
|
Property |
Description |
|---|---|
|
Hidden |
Specifies whether the Web Part is visible when a user opens the Web Part Page. If the check box is selected, the Web Part is visible only when you are designing the page and has the suffix (Hidden) appended to the title. You can hide a Web Part if you want to use it to provide data to another Web Part through a Web Part connection, but you don't want to display the Web Part. |
|
Direction |
Specifies the direction of the text in the Web Part content. For example, Arabic is a right-to-left language; English and most other European languages are left-to-right languages. This setting may not be available for all types of Web Parts. |
|
Zone |
Specifies the zone on the Web Part Page where the Web Part is located. Note: Zones on the Web Part Page are not listed in the list box when you do not have permission to modify the zone. |
|
Zone Index |
Specifies the position of the Web Part in a zone when the zone contains more than one Web Part. To specify the order, type a positive integer in the text box. If the Web Parts in the zone are ordered from top to bottom, a value of 1 means that the Web Part appears at the top of the zone. If the Web Parts in the zone are ordered from left to right, a value of 1 means that the Web Part appears on the left of the zone. For example, when you add a Web Part to an empty zone that is ordered from top to bottom, the Zone Index is 0. When you add a second Web Part to the bottom of the zone, its Zone Index is 1. To move the second Web Part to the top of the zone, type 0, and then type 1 for the first Web Part. Note: Each Web Part in the zone must have a unique Zone Index value. Therefore, changing the Zone Index value for the current Web Part can also change the Zone Index value for other Web Parts in the zone. |
Advanced
|
Property |
Description |
|---|---|
|
Allow Minimize |
Specifies whether the Web Part can be minimized. |
|
Allow Close |
Specifies whether the Web Part can be removed from the Web Part Page. |
|
Allow Hide |
Specifies whether the Web Part can be hidden. |
|
Allow Zone Change |
Specifies whether the Web Part can be moved to a different zone. |
|
Allow Connections |
Specifies whether the Web Part can participate in connections with other Web Parts. |
|
Allow Editing in Personal View |
Specifies whether the Web Part properties can be modified in a personal view. |
|
Export Mode |
Specifies the level of data that is permitted to be exported for this Web Part. Depending on your configuration, this setting may not be available. |
|
Title URL |
Specifies the URL of a file containing additional information about the Web Part. The file is displayed in a separate browser window when you click the Web Part title. |
|
Description |
Specifies the ScreenTip that appears when you rest the mouse pointer on the Web Part title or Web Part icon. The value of this property is used when you search for Web Parts by using the Search command on the Find Web Parts menu of the tool pane in the following Web Part galleries: Site, Virtual Server, and Web Part Page. |
|
Help URL |
Specifies the location of a file containing Help information about the Web Part. The Help information is displayed in a separate browser window when you click the Help command on the Web Part menu. |
|
Help Mode |
Specifies how a browser will display Help content for a Web Part. Select one of the following:
Note: Even though custom Microsoft ASP.NET Web Parts support this property, default Windows SharePoint Services 3.0 Help topics open only in a separate browser window. |
|
Catalog Icon Image URL |
Specifies the location of a file containing an image to be used as the Web Part icon in the Web Part List. The image size must be 16 by 16 pixels. |
|
Title Icon Image URL |
Specifies the location of a file containing an image to be used in the Web Part title bar. The image size must be 16 by 16 pixels. |
|
Import Error Message |
Specifies a message that appears if there is a problem importing the Web Part. |
