论坛首页 Java企业应用论坛

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

浏览 1316 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2008-11-12   最后修改:2008-12-01

使用过 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 应用(一)》中

论坛首页 Java企业应用版

跳转论坛:
Global site tag (gtag.js) - Google Analytics