用过FckEditor的朋友都知道,它的选择图片对话框中“浏览服务器”按钮。点击该按钮可以浏览以前已经上传过的文件。不过这个按钮点击后弹出的对话框在MAXTHON浏览器下是以标签形式打开的,这样模态对话框就始终显示在了浏览文件窗口之前,要想选择文件得先关掉模态对话框。先前有朋友提出把弹出模态对话框的功能改为ShowModlessDialog,这个终究不是解决之道,现将我的解决方法写下来与大家分享:
思路就是基于IE内核的浏览器采用模态对话框弹出浏览服务器窗口,其他的仍然window.open不变1:修改\fckeditor\editor\dialog\common\fck_dialog_common.js
1 function OpenFileBrowser( url, width, height )
2 {
3 // oEditor must be defined.
4
5 var iLeft = ( oEditor.FCKConfig.ScreenWidth - width ) / 2 ;
6 var iTop = ( oEditor.FCKConfig.ScreenHeight - height ) / 2 ;
7
8 var sOptions = "toolbar=no,status=no,resizable=no,dependent=yes,scrollbars=yes" ;
9 sOptions += ",width=" + width ;
10 sOptions += ",height=" + height ;
11 sOptions += ",left=" + iLeft ;
12 sOptions += ",top=" + iTop ;
13
14 // The "PreserveSessionOnFileBrowser" because the above code could be
15 // blocked by popup blockers.
16 if ( oEditor.FCKConfig.PreserveSessionOnFileBrowser && oEditor.FCKBrowserInfo.IsIE )
17 {
18 // The following change has been made otherwise IE will open the file
19 // browser on a different server session (on some cases):
20 // http://support.microsoft.com/default.aspx?scid=kb;en-us;831678
21 // by Simone Chiaretta.
22 var oWindow = oEditor.window.open( url, 'FCKBrowseWindow', sOptions ) ;
23
24 if ( oWindow )
25 {
26 // Detect Yahoo popup blocker.
27 try
28 {
29 var sTest = oWindow.name ; // Yahoo returns "something", but we can't access it, so detect that and avoid strange errors for the user.
30 oWindow.opener = window ;
31 }
32 catch(e)
33 {
34 alert( oEditor.FCKLang.BrowseServerBlocked ) ;
35 }
36 }
37 else
38 alert( oEditor.FCKLang.BrowseServerBlocked ) ;
39 }
40 else
41 {
//这里是修改部分
42 if(oEditor.FCKBrowserInfo.IsIE)
43 {
44 window.showModalDialog(url+"&rdm="+new Date(),window,"status:false;dialogWidth:"+width+"px;dialogHeight:"+height+"px\"");
45 }
46 else
47 {
48 window.open( url, 'FCKBrowseWindow', sOptions ) ;
49 }
50 }
51 }
2:修改\fckeditor\editor\filemanager\browser\default\frmresourceslist.html
function OpenFile( fileUrl )
{
if( window.dialogArguments)
{
window.dialogArguments.SetUrl( fileUrl ) ;
window.close() ;
window.dialogArguments.focus() ;
}
else
{
window.top.opener.SetUrl( fileUrl ) ;
window.top.close() ;
window.top.opener.focus() ;
}
}
分享到:
相关推荐
这些文件负责在用户浏览器端呈现和操作富文本编辑器,提供用户界面和交互功能。开发者需要在网页中引用这些资源,以实现与后端DLL配合工作,为用户提供完整的编辑体验。 总的来说,FCKeditor 2.63是一个经过改进的...
fckeditor编辑器文件及dll打包 fckeditor编辑器文件及dll打包 fckeditor编辑器文件及dll打包
1. **引入库文件**:将FCKeditor的JavaScript文件和CSS文件引入到JSP页面中,确保编辑器可以正常加载和运行。 2. **创建编辑器实例**:在HTML代码中,通过`<textarea>`标签创建一个编辑区域,然后使用JavaScript...
FCKeditor的图片上传功能允许用户在编辑器中直接插入本地图片,通过服务器端的Servlet处理文件上传请求,将图片保存到服务器的指定位置,并返回相应的URL供编辑器显示。这种功能极大地提升了用户在网页编辑时的便利...
这款编辑器在Web开发中被广泛应用,尤其是在内容管理系统(CMS)和论坛系统中,为用户提供了一种方便的方式来创建和编辑网页内容。 **配置过程详解** FCKeditor的配置主要涉及到以下几个方面: 1. **安装与下载**...
FCKeditor是一个支持所见即所得(WYSIWYG,即What You See Is What You Get)功能的网页在线文本编辑器,它使得网页内容的编辑更加直观便捷,类似于在使用微软Office软件时编辑文档的感觉。FCKeditor允许用户在网页...
实际上,需要对FCKeditor编辑器文件组中的通用配置文件/fckconfig.js和ASP.NET专用文件上传管理代码文件/editor/filemanager/connectors/aspx/config.ascx进行配置。 1. 配置控件语言 FCKeditor是自动探测浏览器...
下载时可以选择`FCKeditor_2.4.3.zip`文件,或者如果是在Linux或Unix系统下操作,则可以选择`FCKeditor_2.4.3.tar.gz`。 ##### 2.2 安装FCKeditor 将下载的压缩包解压到网站目录中。假设FCKeditor和调用脚本都存放...
FCKeditor编辑器hwp363FCKeditor编辑器hwp363FCKeditor编辑器hwp363 FCKeditor编辑器hwp363FCKeditor编辑器hwp363 FCKeditor编辑器hwp363
5. **测试与调试**:在浏览器中查看编辑器是否正常工作,检查文件上传、内容保存等功能是否能正确运行。 五、使用PHP版FCKEditor的注意事项 1. **安全性**:由于涉及文件上传,需注意防止恶意文件上传,确保上传的...
在网页内容编辑领域,fckeditor是一款备受开发者青睐的开源富文本编辑器。它提供了丰富的文本格式化功能,使得用户可以在浏览器端进行类似于Word般的文本编辑操作。本文将深入探讨fckeditor编辑器的自定义按钮功能、...
5. 服务器返回文件的URL或其他标识,FCKeditor编辑器根据这个URL显示图片。 **Flash上传及展示** FCKeditor同样支持Flash动画的上传和插入。与图片上传类似,用户选择Flash文件后,编辑器会将其发送到服务器。...
总的来说,FckEditor是一个功能强大、易用且可扩展的在线编辑器,对于需要在网页上提供复杂文本编辑功能的开发者而言,它是一个理想的选择。通过了解和掌握FckEditor的使用,开发者可以提升用户体验,简化内容管理...
要在Web项目中使用fckeditor,首先需要在服务器上部署相关文件,通常这些文件包含JavaScript库、CSS样式表和必要的图像资源。在HTML页面中,通过引用fckeditor的JavaScript文件并配置编辑器实例,就可以在指定的...
将SWFUpload库解压后,将所需的JavaScript和CSS文件引入到FCKeditor的配置文件中,确保在编辑器页面上可以正常加载。 接着,你需要配置FCKeditor的插件系统来支持SWFUpload。在FCKeditor的`plugins`目录下创建一个...
- **配置Web.config**:根据`webconfig.txt`文件的指导,可能需要对Web应用程序的配置文件进行修改,以确保编辑器能够正常工作。 - **JavaScript调用**:在需要编辑器的地方,通过JavaScript代码插入编辑器实例,...
4. **实例化编辑器**:在JavaScript中创建FCKeditor实例,指定编辑器容器元素的ID。 ```javascript var oFCKeditor = new FCKeditor( 'editor' ) ; oFCKeditor.BasePath = '/fckeditor/' ; // 设置编辑器路径 ...
FCKeditor是一款开源的Web富文本编辑器,广泛应用于网页制作和内容管理系统中,提供类似于Microsoft Word的编辑体验。这个资源包包含了FCKeditor不同版本的源码,以及相关的配置文档和使用信息,对于理解其工作原理...