ckeditor_3.0.1如何配置

最新推荐文章于 2012-09-10 16:42:11 发布

原创最新推荐文章于 2012-09-10 16:42:11 发布 · 2.8k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#input #styles #文本编辑 #function #jsp #action

JSP 专栏收录该内容

1 篇文章

订阅专栏

本文详细介绍了如何配置和使用CKEditor 3.0.1文本编辑器，包括文件上传、基本设置、自定义工具栏等关键步骤。通过提供具体的代码示例，帮助开发者轻松实现内容编辑功能。

ckeditor_3.0.1如何配置

ckeditor_3.0.1(文本编辑器)JSP实用实例

2009-11-29 15:37

下载:ckeditor_3.0.1.zip

官方网站:http://ckfinder.com/

实例:
1.复制解压得到的文件夹到WebRoot目录下(WebRoot/admin/这是我存放的目录)

2.编辑JSP文件
首先页面得需要有一个textarea
<textarea name="editor1" ></textarea>

在<head>...<head/>之间添加以下代码:

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>