1、首先下载并安装ckeditor。

2、自定义工具栏按钮:

我们可以自定义ckeditor工具栏要显示的按钮，工具栏按钮定义可以参考这里。

现在我们需要向工具栏添加一个自定义功能的按钮。ckeditor工具栏中的每个按钮都是作为插件定义在ckeditor\plugins\ 目录中。我们在ckeditor\plugins\中创建一个新文件夹linkbutton。在linkbutton文件夹内，我们创建一个plugin.js文件，它的代码如下：

在上面的代码中我们指定自定义按钮的图标logo_ckeditor.png，logo_ckeditor.png放在linkbutton文件夹中。

接下来我们需要注册linkbutton插件。http://ajithmanmadhan.wordpress.com/2009/12/16/customizing-ckeditor-and-adding-a-new-toolbar-button/原文中的给出方法是在ckeditor.js中注册，这会使以后升级新版本遇到困难。提倡使用下面的方法在config.js中注册自定义插件：

最后，在ckeditor中显示自定义按钮linkbutton，代码如下：

注意：自定义插件的名称必须在任何地方都要保持一致。