`
lqixv
  • 浏览: 213062 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

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

fckeditor应用服务器浏览器JavaScriptHTML 
阅读更多

使用过 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 应用（一）》中

分享到：
| FCKEditor 应用（一） -- 在JSF中的安装与 ...
评论
发表评论

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

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics