利用javascripte使用FCKEditor - Solo' Blog - ITeye博客

`

yinxiaoyong

浏览: 15790 次
性别:
来自: 湘潭

最近访客更多访客>>

dagf113225

博主相关

博客

微博

相册

收藏

留言

关于我

文章分类

社区版块

存档分类

最新评论

yinxiaoyong：怎么变成这样了，全是&nbsp
struts2的类型转换续
yinxiaoyong： kjj 写道恕我浅陋据我所知，struts2 也就是web ...
struts2的类型转换续
kjj：恕我浅陋据我所知，struts2 也就是webwork2 会 ...
struts2的类型转换续
yinxiaoyong： kjj 写道楼主先说说你这样做类型转换的意义在那里！由于服 ...
struts2的类型转换续
每个人都可爱：一起努力：）
准备在这里写下一些学习的笔记拉

利用javascripte使用FCKEditor

博客分类：

Fckeditor

fckeditor 浏览器

阅读更多

利用javascripte使用fckeditor的方法如下：
前提是已经将解压后的fckeditor文件复制到项目的根目录下
一，不使用覆盖textarea的方法，直接在body中写js代码创建fckeditor的实例
步骤1.
在head标签之间引用fckeditor的js

<scripte type="text/javascripte" src="fckeditor/fckeditor.js" />

步骤2.
在<body>任意你想使用fckeditor的地方写一下js代码

<script>
   var fck = new FCKeditor("test") ;
   fck.BasePath = "/你的项目名称/fckeditor[color=red]/[/color]" ;
   fck.Width = "" ;
   fck.Height = "" ;
   fck.ToolbarSet = "" ;
   fck.Value = "" ;
   fck.Create() ;
</script>

其中的属性值可以自己指定

二.使用覆盖textarea 的方法
步骤1.
同方法一中的步骤1，因为必须要引用fckeditor的js代码

步骤二.
在<head>标签中插入以下代码，可以在浏览器启动时用fckeditor覆盖相应名称的textarea

<script>
    window.onload = function() 
    {
        var fck = new FCKeditor("test") ;
        fck.BasePath = "/你的项目名称/fckeditor[color=red]/[/color]" ;
        fck.Width = "" ;
        fck.Height = "" ;
        fck.ToolbarSet = "" ;
        fck.Value = "" ;
        fck.ReplaceTextarea() ;
    }
</script>

其中的属性值可以自己指定

步骤3.
步骤2中的代码将会覆盖body中的以下textarea
<textarea row="5" col="30" name="test"></textarea>
这里主要根据textarea的名字来区分，找到对应的textarea并覆盖

分享到：

hibernate 多对一映射关联配置 | FCKEditor在myeclipse导入时出现的问题

2009-05-16 18:29
浏览 895
评论(0)
论坛回复 / 浏览 (0 / 1979)
查看更多

评论

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

java开源包8: 使用该标记库，利用 Google 为你的网站提供网站查询，并且可以直接在你的网页里面显示搜查的结果。 github-java-api github-java-api 是 Github 网站 API 的 Java 语言版本。 java缓存工具 SimpleCache ...

JAVA上百实例源码以及开源项目源代码: JavaScript万年历显示出当前时间及年份，还可以选择年份及月份和日期 Java编写的HTML浏览器一个目标文件摘要:Java源码,网络相关,浏览器　Java编写的HTML浏览器源代码，一个很简单甚至不算是浏览器的HTML浏览器...

java开源包1: 使用该标记库，利用 Google 为你的网站提供网站查询，并且可以直接在你的网页里面显示搜查的结果。 github-java-api github-java-api 是 Github 网站 API 的 Java 语言版本。 java缓存工具 SimpleCache ...

java开源包11: 使用该标记库，利用 Google 为你的网站提供网站查询，并且可以直接在你的网页里面显示搜查的结果。 github-java-api github-java-api 是 Github 网站 API 的 Java 语言版本。 java缓存工具 SimpleCache ...

java开源包2: 使用该标记库，利用 Google 为你的网站提供网站查询，并且可以直接在你的网页里面显示搜查的结果。 github-java-api github-java-api 是 Github 网站 API 的 Java 语言版本。 java缓存工具 SimpleCache ...

java开源包3: 使用该标记库，利用 Google 为你的网站提供网站查询，并且可以直接在你的网页里面显示搜查的结果。 github-java-api github-java-api 是 Github 网站 API 的 Java 语言版本。 java缓存工具 SimpleCache ...

java开源包6: 使用该标记库，利用 Google 为你的网站提供网站查询，并且可以直接在你的网页里面显示搜查的结果。 github-java-api github-java-api 是 Github 网站 API 的 Java 语言版本。 java缓存工具 SimpleCache ...

java开源包5: 使用该标记库，利用 Google 为你的网站提供网站查询，并且可以直接在你的网页里面显示搜查的结果。 github-java-api github-java-api 是 Github 网站 API 的 Java 语言版本。 java缓存工具 SimpleCache ...

java开源包10: 使用该标记库，利用 Google 为你的网站提供网站查询，并且可以直接在你的网页里面显示搜查的结果。 github-java-api github-java-api 是 Github 网站 API 的 Java 语言版本。 java缓存工具 SimpleCache ...

java开源包4: 使用该标记库，利用 Google 为你的网站提供网站查询，并且可以直接在你的网页里面显示搜查的结果。 github-java-api github-java-api 是 Github 网站 API 的 Java 语言版本。 java缓存工具 SimpleCache ...

java开源包7: 使用该标记库，利用 Google 为你的网站提供网站查询，并且可以直接在你的网页里面显示搜查的结果。 github-java-api github-java-api 是 Github 网站 API 的 Java 语言版本。 java缓存工具 SimpleCache ...

java开源包9: 使用该标记库，利用 Google 为你的网站提供网站查询，并且可以直接在你的网页里面显示搜查的结果。 github-java-api github-java-api 是 Github 网站 API 的 Java 语言版本。 java缓存工具 SimpleCache ...

java开源包101: 使用该标记库，利用 Google 为你的网站提供网站查询，并且可以直接在你的网页里面显示搜查的结果。 github-java-api github-java-api 是 Github 网站 API 的 Java 语言版本。 java缓存工具 SimpleCache ...

Java资源包01: 使用该标记库，利用 Google 为你的网站提供网站查询，并且可以直接在你的网页里面显示搜查的结果。 github-java-api github-java-api 是 Github 网站 API 的 Java 语言版本。 java缓存工具 SimpleCache ...

JAVA上百实例源码以及开源项目: JavaScript万年历显示出当前时间及年份，还可以选择年份及月份和日期 Java编写的HTML浏览器一个目标文件摘要:Java源码,网络相关,浏览器　Java编写的HTML浏览器源代码，一个很简单甚至不算是浏览器的HTML浏览器...

Global site tag (gtag.js) - Google Analytics