Quick Adding CKEditor for SharePoint

This website contains links to software which is either no longer maintained or will be supported only until the end of 2019 (CKFinder 2). For the latest documentation about current CKSource projects, including software like CKEditor 4/CKEditor 5, CKFinder 3, Cloud Services, Letters, Accessibility Checker, please visit the new documentation website.

If you look for an information about very old versions of CKEditor, FCKeditor and CKFinder check also the CKEditor forum, which was closed in 2015. If not, please head to StackOverflow for support.

Besides replacing the default editor built in SharePoint and serving as a building block for a web part page, CKEditor for SharePoint can also be quick added to any SharePoint page directly via the SharePoint ribbon button.

To use the Quick Add function, enter the editing mode on a selected page by choosing the Edit Page option from the Site Actions menu.

Edit Page option in the Site Action menu of SharePoint 2010


Select the part of the page that you want to edit.
Choose the Insert tab from the Editing Tools ribbon, and click the Add CKEditor button.

Add CKEditor button in the Insert tab of the Editing Tools ribbon


CKEditor Web Part will now be added to the designated part of the page.

Add CKEditor button in the Insert tab of the Editing Tools ribbon


To modify the content of the CKEditor Web Part, open the web part tool pane by clicking the "open the tool pane" link or choosing the Edit Web Part option from the drop-down menu.

Modifying the CKEditor Web Part content in SharePoint 2010


You can customize the look and feel of the CKEditor Web Part by using the Appearance, Layout and Advanced configuration options expanded by clicking the plus icon.

Customizing the CKEditor Web Part appearance in SharePoint 2010


If you are happy with the CKEditor Web Part settings, you can start adding and formatting content using the advanced capabilities of CKEditor. Since CKEditor automatically integrates with the SharePoint platform, you can use the Markup Styles that are built in SharePoint 2010 directly from within the Styles drop-down list of CKEditor.

Formatting the CKEditor Web Part content with Markup Styles in SharePoint 2010


When you are happy with the web part content, click the OK button. The content you just created will appear as seen in the editor window.

CKEditor Web Part content in SharePoint 2010
This page was last edited on 26 November 2010, at 20:46.