<script type="text/javascript" src="ckeditor/ckeditor.js"></script>

<script type="text/javascript" src="ckeditor/config.js"></script>

<textarea class="ckeditor" name="editor1"></textarea>

二：使用JS代码

$(document).ready(function(){

	CKEDITOR.replace('entity_content');  //entity_content为textarea元素ID

});

$(document).ready(function(){

	$('textarea#editor1').ckeditor();

});

另外配置config.js以满足自己的项目需求。

CKEDITOR.editorConfig = function( config ) {

	// Define changes to default configuration here.

	// For the complete reference:

	// http://docs.ckeditor.com/#!/api/CKEDITOR.config

	// The toolbar groups arrangement, optimized for a single toolbar row.

	config.toolbarGroups = [

		{ name: 'document',	   groups: [ 'mode', 'document', 'doctools' ] },

		{ name: 'clipboard',   groups: [ 'clipboard', 'undo' ] },

		{ name: 'editing',     groups: [ 'find', 'selection', 'spellchecker' ] },

		{ name: 'forms' },

		{ name: 'basicstyles', groups: [ 'basicstyles', 'cleanup' ] },

		{ name: 'paragraph',   groups: [ 'list', 'indent', 'blocks', 'align', 'bidi' ] },

		{ name: 'links' },

		{ name: 'insert' },

		{ name: 'styles' },

		{ name: 'colors' },

		{ name: 'tools' },

		{ name: 'others' },

		{ name: 'about' }

	];

	// The default plugins included in the basic setup define some buttons that

	// we don't want too have in a basic editor. We remove them here.

	config.removeButtons = 'Cut,Copy,Paste,Undo,Redo,Anchor,Underline,Strike,Subscript,Superscript';

	// Let's have it basic on dialogs as well.

	config.removeDialogTabs = 'link:advanced';

};

根据需要  具体配置查阅其他资料