页面文本编辑器CKEDITOR快速入门

最新推荐文章于 2024-06-08 11:06:12 发布

javaforever_cn

最新推荐文章于 2024-06-08 11:06:12 发布

阅读量835

点赞数

分类专栏： javascript及框架文章标签： ckeditor 文本编辑 web

本文链接：https://blog.csdn.net/atixujie/article/details/38463995

版权

javascript及框架专栏收录该内容

7 篇文章 0 订阅

订阅专栏

1） FCKeditor官方网站：http://cksource.com/

2）下载解压缩。

3）将CKeditor目录放入到你的web工程根目录下。以jsp项目为例。放入WebRoot下。

形如如下的目录结构：WebRoot\ckeditor\ckeditor.js

4）其下有_samples文件夹可以作为学习的材料。

5）在你的页面建立代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml">
  <head>   
    <title>My JSP 'index.jsp' starting page</title>  
 <script type="text/javascript" src="ckeditor/ckeditor.js"></script>
 
  </head>
  
  <body>

   <form action="xxx.action">
   <textarea  cols="80" id="editor1" name="editor1">
   </textarea>
   <script type="text/javascript">
          CKEDITOR.replace( 'editor1');
   </script>
   </form>
  </body>
</html>

注意textarea的名字为editor1.那么在js代码中也要CKEDITOR.replace( 'editor1');

如果在ie中文本内容不能编辑，那么注意

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
< html xmlns="http://www.w3.org/1999/xhtml">

以上2句，它是对html标准版本的限定。

javaforever_cn

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
页面文本编辑器CKEDITOR快速入门

1） FCKeditor官方网站：http://cksource.com/2）下载解压缩。3）将CKeditor目录放入到你的web工程根目录下。以jsp项目为例。放入WebRoot下。形如如下的目录结
复制链接

扫一扫

专栏目录