`
leeleo
  • 浏览: 323446 次
  • 性别: Icon_minigender_1
  • 来自: 贵阳
社区版块
存档分类
最新评论

单独调用FCKeditor上传功能

阅读更多

1. 新建 editor.js

var fkc_editor_instance = null;
function FCKeditor_OnComplete(editorInstance){
        fkc_editor_instance = editorInstance;
        fkc_editor_instance._callback = function(value){
                if(this.CommandName == 'Image'){
                        var target = GetE(this.CommandTarget);
                        if(target){
                                target.value = value;
                        }
                }
                this.CommandName = null;
        }
        function GetE(el){
                return typeof(el) == 'string' ? document.getElementById(el) : el;
        }
}
function FCK_ExecuteCommand(commandName, target){
        if(!fkc_editor_instance) return;
        fkc_editor_instance.CommandName = commandName;
        fkc_editor_instance.CommandTarget = target;
        fkc_editor_instance.Commands.GetCommand(commandName).Execute();
}
function FCKEdit(path,toolbar,container){
        var con = document.getElementById(container);
        var oFCKeditor = new FCKeditor(container);
        oFCKeditor.ToolbarSet = toolbar;
        oFCKeditor.BasePath = path;
        oFCKeditor.Width = parseInt(con.offsetWidth);
        oFCKeditor.Height = parseInt(con.offsetHeight);
        oFCKeditor.ReplaceTextarea(); 
}

 

 

 2. 打开 fckeditor\dialog\fck_image\fck_image.js

 查找

var bHasImage = ( oImage != null ) ;

 

 替换为

if (parent.parent.fkc_editor_instance && parent.parent.fkc_editor_instance.CommandName){
	parent.parent.fkc_editor_instance._callback(GetE('txtUrl').value);
	return true;
}
var bHasImage = ( oImage != null ) ;

 注:如果是使用iframe框架,需将“parent.parent.”改为“parent.parent.document.frames('框架名').”。

 

3. 调用

<script type="text/javascript" src="fckeditor/fckeditor.js"></script>
<script type="text/javascript" src="Script/editor.js"></script>
<form method="post">
        <input id="picture" type="text" name="picture" />
        <input type="button" value="上传" onclick="javascript:FCK_ExecuteCommand('Image','picture');" />
        <br />
        <textarea id="content" name="content" style="width:580px;height:350px;"></textarea>
        <!--// 初始化fck //-->
        <script>FCKEdit('/fckeditor/','Baisc','content');</script>
</form>

  

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

分享到:
评论

相关推荐

    fckeditor所有jar包、使用方法、实例

    【标签】"fckeditor实例"意味着提供的资源包含具体的使用示例,这对于初学者或者需要快速上手FCKeditor的开发者来说非常有帮助,可以通过实例来学习和理解如何在项目中引入和调用FCKeditor。 【压缩包子文件的文件...

    FCKEditor 笔记

    上传功能是FCKEditor的重要特性,但有时可能会遇到自定义图片上传失败的问题。为了解决这个问题,需要在`web.xml`中配置一个名为`Connector`的Servlet,并指定其类为`net.fckeditor.connector.ConnectorServlet`。...

    MvcFckEditor

    在ASP.NET MVC框架中,MvcFckEditor通常作为一个视图辅助(View Helper)来使用,方便在视图(Views)中集成富文本编辑功能。开发者只需在HTML代码中调用相应的辅助方法,就可以在页面上生成编辑器实例。这样,用户...

    ckeditor+ckfinder 编辑器(fckeditor的升级版)

    已经集成ckfinder上传功能了(去掉了使用限制),注意提交的内容通不过验证的话先加上 ValidateRequest="false" 例: 调用前,先在页面引用 路径可以自己改。...

    asp.net文本编辑器下载

    FCKeditor是一款流行的开源富文本编辑器,它提供了丰富的功能,如字体样式、颜色选择、图片上传、链接管理等,使得用户可以在网页上像在桌面应用中一样编辑文本。 描述中提到“该软件只要添加dll文件和里面的文件夹...

    iCMS内容管理系统 v3.2版

    自定义文章属性,方便模板调用 FCKeditor在线编辑器 远程图片本地化,提取第一个图片为缩略图 后台权限管理 栏目权限分配 管理员文章评论回复 无限引用盖楼 简易留言功能 RSS功能 广告管理功能 单独页面内容添加 ...

    Z-Blog 2.1 Phoenix Build 130128.rar

    更强大的文章编辑器 还在苦恼1.8的FCKEditor不支持IE9、批量上传等功能吗?快来测试Z-Blog2.0吧!Z-Blog团队目前与百度uEditor合作,所以我们的Z-Blog 2.0也自带百度的uEditor。支持批量上传图片、附件,支持涂鸦,...

    Z-Blog 2.0 Doomsday Build 121221

    还在苦恼1.8的FCKEditor不支持IE9、批量上传等功能吗?快来测试Z-Blog2.0吧!Z-Blog团队目前与百度uEditor合作,所以我们的Z-Blog 2.0也自带百度的uEditor。支持批量上传图片、附件,支持涂鸦,支持插入视频和在线...

    Z-Blog v2.0 Beta1 Build121001.rar

     还在苦恼1.8的FCKEditor不支持IE9、批量上传等功能吗?快来测试Z-Blog2.0吧!Z-Blog团队目前与百度uEditor合作,所 以我们的Z-Blog 2.0也自带百度的uEditor。支持批量上传图片、附件,支持涂鸦,支持插入视频和...

    DreamArticle文章管理源码 V3.1.0

    自定义文章属性,方便模板调用 文章支持多页显示 文章草稿功能 文章TAG功能 文章DIGG功能 搜索功能 评论管理 评论[支持/反对]功能(AJAX) 生成HTML模式多样可选 支持URL重写 文章支持自定URL 强大的模板功能 等等....

    火炬博客系统5

    各个层可以单独开发,互相的耦合度很低,这在开发大项目的过程中尤其有优势,层与层之间通过调用接口完成所需要的逻辑单元应用,一切显得非常清晰简单。 Struts是目前最流行的Web框架,提供对开发MVC系统...

    火炬博客系统7

    各个层可以单独开发,互相的耦合度很低,这在开发大项目的过程中尤其有优势,层与层之间通过调用接口完成所需要的逻辑单元应用,一切显得非常清晰简单。 Struts是目前最流行的Web框架,提供对开发MVC系统...

    火炬博客系统6

    各个层可以单独开发,互相的耦合度很低,这在开发大项目的过程中尤其有优势,层与层之间通过调用接口完成所需要的逻辑单元应用,一切显得非常清晰简单。 Struts是目前最流行的Web框架,提供对开发MVC系统...

    56770网站(Eshop网上开店系统 v5.1.1 新春免费版

    2、分离群发邮件表为单独的数据库,减小主数据库体积,对群发邮件功能做了进一步完善;增加按会员组、登陆次数、会员积分、登陆时间、消费总额、会员性别多条件组合群发邮件功能;拆分自定义邮件地址和会员邮件为...

    DreamArticle文章管理

    1、支持无限级的分类与子分类,可设置单独页面、频道、列表页2、FCKeditor在线编辑器3、远程图片本地化,提取第一个图片为缩略图4、广告管理功能5、自定义文章属性,方便模板调用6、文章支持多页显示7、搜索功能8、...

    DreamArticle文章管理程序v3.0Build20090415UTF-8+GBK版

    自定义文章属性,方便模板调用 文章支持多页显示 文章草稿功能 文章TAG功能 文章DIGG功能 搜索功能 评论管理 评论[支持/反对]功能(AJAX) 生成HTML模式多样可选 支持URL重写 文章支持自定URL 强大的模板功能&lt;/font&gt;&lt;/...

    Nicnt CMS 南天互联文章管理系统 v3.2

    增加附件上传功能; 首页广告位后台可控制开关; 后台控制栏目在导航中是否显示,单独设置显示图片; 修复Fckeditor编辑器外部提交BUG; 修改用户和后台登录Cookies记录为Session; 下载使用本程序,请加上老Y的版权...

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    -修正此函数通过PageContext.RegisterStartupScript调用时不能正确显示Icon的BUG(feedback:zhaowenke)。 -修正basic/hello.aspx示例在单独浏览器打开后,不能弹出对话框的BUG。 -隐藏示例首页最外层RegionPanel...

    ExtAspNet_v2.3.2_dll

    -修正此函数通过PageContext.RegisterStartupScript调用时不能正确显示Icon的BUG(feedback:zhaowenke)。 -修正basic/hello.aspx示例在单独浏览器打开后,不能弹出对话框的BUG。 -隐藏示例首页最外层RegionPanel...

Global site tag (gtag.js) - Google Analytics