前端富文本编辑器ckeditor的使用

一、导入js文件

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

将下载的文件导入相应html目录下

二、html代码

<textarea rows="20" class="form-control" name="liasionContent" id="liasionContent"></textarea>

三、配置

js配置：

	CKEDITOR.replace( 'liasionContent' );

配置文件config.js配置：

CKEDITOR.editorConfig = function( config ) {
	//显示窗口设置
	config.toolbarGroups = [
		{ name: 'basicstyles', groups: [ 'basicstyles', 'cleanup' ] },
		{ name: 'styles', groups: [ 'styles' ] },
		{ name: 'document', groups: [ 'mode', 'document', 'doctools' ] },
		{ name: 'colors', groups: [ 'colors' ] },
		{ name: 'forms', groups: [ 'forms' ] },
		{ name: 'editing', groups: [ 'find', 'selection', 'spellchecker', 'editing' ] },
		'/',
		{ name: 'clip