ckedittor在线编辑器的用法

1）到官网上下载zip开发包；

2）将解压的目录ckeditor拷贝到项目中；

3）引入相关的资源

<script src="../ckeditor.js></script>

<link rel="stylesheet" href="sample.css"></link>

4)在jsp页面中提供一个文本域

<textarea cols="80" id="h1" name="name" rows="10"></textarea>

5）调用插件提供的方法，将文本域变为一个在线编辑器

<script>
        CKEDITOR.replace( 'h1', {
            uiColor: '#14B8C4',
            toolbar: [
                [ 'Bold', 'Italic', '-', 'NumberedList', 'BulletedList', '-', 'Link', 'Unlink' ],
                [ 'FontSize', 'TextColor', 'BGColor' ]
            ]
        });
    </script>

replace( 'h1' ：替换的ID

  uiColor：颜色

toolbar :工具，如果删除工具全部显示