FCKEditor 应用（二） -- 在编辑器外使用fckeditor中的文件上传

lqixv

浏览: 218740 次
性别:
来自: 深圳

最近访客更多访客>>

jtzy

caozhenndsc

feiyue81

weet77

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

前台技术

fckeditor 应用服务器浏览器 JavaScript HTML

使用过 fckeditor 后，觉得其提供的文件上传、特别是浏览服务器中已上传的文件功能挺不错的。但其提供的文件上传只能在编辑器中使用。那如何能够在编辑器外使用这个功能呢？

下面的是我自己琢磨的一种方法，供大家参考。

首先，安装与配置和配置好fckeditor(参见前一篇文章)。

其次，通过两个步骤完成在编辑器外使用这个文件上传功能。

步骤如下：

1、在要使用文件上传功能的文件中添加用于文件上传的一些函数，如 SetUrl() 等。
2、在班车文件名的文本框后加一个命令按钮，点击时调用上面些的函数，并把文本框的id作为参数传入。

具体例子如下：

<% page language="java" pageEncoding="GBK" %>
<html>
<head>
  <script type="text/javascript">
    //设置图片的文本框的id
    var = _img_fieldName;
    
    function SetUrl(url){
      varpic = document.getElementById(_img_fieldName);
      pic.value = url;;
    }

    function openWindow(fieldName){
      _img_fieldName = fieldName;
      window.open('fckeditor/editor/filemanager/browser/default/browse.html?type=Image&Connector=..%2F..%2Fconnectors%2F','','toolbar=no,status=no,resizable=yes,dependent=yes,scrollbars=yes');
    }
  </script>
</head>
<body>
  图片：<input type="text" id="timg" value=""/>
        <input type="button" value="选图片" onclick="openWindow('timg');"/>
</body>
</html>

可运行的例子的源代码，已包含在《FCKEditor 应用（一）》中

分享到：

理解HTTP消息头 | FCKEditor 应用（一） -- 在JSF中的安装与 ...

2008-11-12 11:34
浏览 1051
评论(0)
论坛回复 / 浏览 (0 / 1310)
查看更多

发表评论

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

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

FCKEditor 应用（二） -- 在编辑器外使用fckeditor中的文件上传

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

FCKEditor 应用（二） -- 在编辑器外使用fckeditor中的文件上传

评论

发表评论

相关推荐

Nginx 0.8.x + PHP 5.2.13（FastCGI）搭建胜过Apache十倍的Web服务器（第6版）(转)

几种即见即所得Web编辑器优缺点比较

使用jQuery清空IE file 文件域的方法

jquery 中的 “$(table > tr)”

web 页面的左侧浮动广告异常问题

jsTree 与 jquery.validate.js 冲突的解决

JavaScript中的 JSON

javascript 去除空格

很漂亮的多级css菜单

用javascript实现的网页简繁互换

Ckfinder1.2.3的破解方法

静态HTML页面不缓存js文件的方法

javascript事件处理在IE和FireFox中的区别

在xyTree中添加一个方法，用于获得所有已选择或部分被选择的node

在xyTree中添加unicode转gbk功能

form.submit()提示对象不支持此属性或方法

身份证号码的规则及验证原理

深入浅出JSON

理解HTTP消息头

FCKEditor 应用（一） -- 在JSF中的安装与使用

最近访客更多访客>>