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

`

yinxiaoyong

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

最近访客更多访客>>

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
浏览 922
评论(0)
论坛回复 / 浏览 (0 / 1983)
查看更多

评论

发表评论

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

相关推荐

FCKeditor .net版使用教程: ### FCKeditor .net版使用教程 #### 一、简介 FCKeditor是一款非常流行的富文本编辑器，它能够提供用户友好的界面以及强大的编辑功能，适用于多种开发平台。本教程将详细介绍如何在.NET环境中安装并配置FCKeditor...

FCKEditor编辑: 3. **引入JavaScript**：在需要使用FCKEditor的页面中，通过`<script>`标签引入FCKEditor的JavaScript文件。 4. **添加控件**：在页面的ASP.NET代码中，添加`<asp:FCKeditorV2:FCKeditor>`控件，并设置相关属性，如...

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

Java Web 网络留言板2 JDBC数据源（连接池技术）.docx: <script type="text/javascript" src="/guestbook2/fckeditor/fckeditor.js"> 添加留言请您输入留言 <p align="center"><a href="/guestbook2/servlet/getMessages">查看留言</a></p> (this)"> 姓名： ...

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