下载:ckeditor_3.0.1.zip
官方网站:http://ckfinder.com/
实例:
1.复制解压得到的文件夹到WebRoot目录下(WebRoot/admin/这是我存放的目录)
2.编辑JSP文件
首先页面得需要有一个textarea
<textarea name="editor1" ></textarea>
在<head>...<head/>之间添加以下代码:
<script type="text/javascript" src="/AngelSixTH/admin/ckeditor/ckeditor.js"></script> //引用ckeditor.js
<script type="text/javascript">
window.onload = function()
{
CKEDITOR.replace( 'editor1', //设置ckeditor的属性
{
uiColor : '#9AB8F3', //设置主体颜色
width : '860', //设置宽度
height : '300' //设置高度
});
CKEDITOR.config.enterMode = '2'; //设置回车换行的宽度(间距会变小)
//修改Full工具栏
CKEDITOR.config.toolbar_Full=[['Source'],['Cut','Copy','Paste','PasteText','PasteFromWord','-','Print','SpellChecker','Scayt'],['Undo','Redo','-','Find','Replace','-','SelectAll','RemoveFormat'],['Bold','Italic','Underline','Strike','-','Subscript','Superscript'],['NumberedList','BulletedList','-','Outdent','Indent','Blockquote'],['JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock'],['Link','Unlink','Anchor'],['Image','Flash','Table','HorizontalRule','Smiley','SpecialChar','PageBreak'],'/',['Styles','Format','Font','FontSize'],['TextColor','BGColor'],['Maximize','ShowBlocks','-','About']];
};
</script>
如果想简单一点也可以这样写
把上面<script></script>里的换成以下:
window.onload = function()
{
CKEDITOR.replace( 'editor1' );
};
在<body></body>中添加以一下代码
<center>简单新闻发布</center>
<hr/>
<form action="NewServlet" method="post" name="form">
新闻标题:<input type="text" name="title" /><br/>
新闻来源:<input type="text" name="newsSource"/><br/>
<select name="newstype">
<option>请选择新闻类别</option>
<option value="science">科技</option>
<option value="life">生活</option>
<option value="sports">体育</option>
</select><br>
发布时间:<input type="text" name="publishTime" value="<%=new java.util.Date().toLocaleString() %>" /><br/>
<textarea rows="" cols="" name="editor1"> //这个editor1是上面<script>里面的一定要写的。
</textarea>
<hr/>
<input type="submit" value="发布"/>
</form>
上面这个小程序是我自己写的,按照上面的配置就行啦!