fckeditor上传图片不显示？？？？？？？

bbbs 2008-05-18 12:44:33

我中fckeditor编辑器加载图片，上传图片时，能上传到我预定的文件夹里（<add key="FCKeditor:UserFilesPath" value="~/pic"/>）
但正文中不显示，请问是什么原因，如何修改？谢谢

...全文

22 1 打赏收藏转发到动态举报

写回复

1 条回复

切换为时间正序

请发表友善的回复…

发表回复

ccnu0524 2008-05-18

打赏
举报

回复

jf

前段做了一个有关回复的FCK，图片上传着实很头痛~是我从项目中分离出来的源码。这个是我自己修改的FCK2.5 其中去掉了链接及高级选项。这图片上传为定宽，定高上传。修改文件径fckeditor--ditor--dialog--fck_image中的fck_image.js、fckconfig.js等等花时间琢磨一下. 其中还有我自己改写的公共类，带"image"标识的文件，希望大家都详细看看，改过的地方很多，就不例举了。希望大家能看明白!

名称：FCKeditor 远程保存图片插件作者：九天工作室(http://www.cn09.com) 口号：开源不是施舍，而是一种合作方式下载：http://www.cn09.com/remository.html?func=select&id=2 插件介绍：在FCKeditor中复制网页内容时，其中的图片仍然保存在源站点上，使用该插件可将这些图片文件保存到站长自己的服务器上。最近更新：2009.4.18 v1.02 2009.4.18更新内容：本插件修改自网上 luojiannx@gmail.com 该E-mail地址已受到防止垃圾邮件机器人的保护，您必须启用浏览器的Java Script才能看到。发布的同名插件，几经修改，已与原版本迥然不同： 1、在save.php中对文件后缀名进行二次验证，解决了上传图片的安全隐患; 2、修正原代码的BUG，保证了服务器能够一次性顺利转存文件内容; 3、采用FCKeditor的dialog组件显示而不是弹出窗口，使程序更美观; 4、采用时间戳作为文件名(待商榷); 5、config.php文件独立以便于修改; 6、代码大量重写。

FCKeditor是款强大的在线编辑工具，网站后台怎么少了它！此版本为java版，后面有asp和php版本的修改方法。可上传多种格式视频并播放，当然前提是机子上有相关的解码器，可创建中文文件夹，上传文件自动按时间命名，永不会重复，中文文件同样可以上传。图片预览： http://home.iopq.com/attachment/201010/13/685312_12869582950zf2.jpg http://home.iopq.com/attachment/201010/13/685312_1286959387OZDM.jpg http://home.iopq.com/attachment/201010/13/685312_12869583726TOJ.jpg http://home.iopq.com/attachment/201010/13/685312_1286959310hf4Z.jpg 这是我研究了一周之后的成效，所以有点贵哦！不过相信需要的朋友一定物超所值！下载即可使用，或根据个人喜好进行修改！ ASP修改方法：修改“fckeditor\editor\filemanager\connectors\asp\config.asp”这个文件，因为这里也限制了上传文件类型，否则会始终提示“文件类型是无效”的，找到此文件中的 ConfigAllowedExtensions.Add "Flash", "mp3|swf|flv|fla|mpg|asf|wma|wmv|avi|mov|rmvb|mid" 注意上面部分是我修改后的，原来里面就只有swf和flv，你增加和前面对应的文件格式即可中文文件要自行进行编码转换处理 PHP修改方法：修改“fckeditor\editor\filemanager\connectors\php\config.php”这个文件，因为这里也限制了上传文件类型，否则会始终提示“文件类型是无效”的，找到此文件中的 $Config['AllowedExtensions']['Flash'] = array ('mp3','swf','flv','fla','mpg','asf','wma','wmv','avi','mov','rmvb','mid) 注意上面部分是我修改后的，原来里面就只有swf和flv，你增加和前面对应的文件格式即可中文文件要自行进行编码转换处理

最近做了一个文章管理的系统，用到在线编辑器，修改了一下现在能实现音频，视频，图片，附件，Flash等文件的上传。费了好大的功夫。。 FCKeditor应用在ASP.NET上，需要两组文件，一组是FCKeditor本身，另一个是用于ASP.NET的FCKeditor控件（分为1.1和2.0两个版本，这里使用2.0版本）。 1. 将FCKeditor加入到项目中解压FCKeditor编辑器，得到文件夹fckeditor，复制此文件夹到Web应用的项目下（也可以是子孙目录下）。解压FCKeditor控件，在其子目录bin/Release/2.0下有一个程序集。在Web应用的项目中引用该程序集。 2. 在页面中使用FCKeditor 有两种方式。（1）手工编码在页面中加入ASP.NET指令: 然后在需要的地方加入FCKeditor控件：（2）集成到Visual Studio工具箱打开一ASP.NET页面，展开Toolbox，打开右键菜单，选择“Choose Items ...”，在出现的“Choose Toolbox Items”会话框的“.NET Framework Components”选项卡中选择“Browse”，找到并选中FCKeditor程序集，打开后回到“Choose Toolbox Items”窗口，点击“OK”，完成控件导入。这时，在Toolbox的General分类下出现了一个名为FCKeditor的控件，可以像使用Visual Studio内置控件一样使用它。 3. 配置FCKeditor编辑器路径在页面中，使用的是FCKeditor控件，该控件需要知道FCKeditor编辑器文件组的路径。有两种配置方法。（1）配置web.config 在appSettings配置节中加入使用这种配置方法后，对于项目中任何一个页面中用到的FCKeditor控件，都不用再配置其BasePath属性。（2）直接对用到的FCKeditor控件进行配置在页面代码中设置FCKeditor的属性BasePath为FCKeditor编辑器文件组的路径，或者在Page_Init事件处理器中设置其BasePath的值。 4. 配置FCKeditor编辑器文件上传路径在web.config的appSettings配置节中加入或者这样，就完成了FCKeditor向ASP.NET页面的集成工作。二、配置FCKeditor 按照FCKeditor的默认配置，可以完成一些常用的HTML可视化编辑工作，但在实际应用中，还需要对其做进一步的配置。FCKeditor控件的可配置属性不多，且配置后只能作用于一个单一实例。实际上，需要对FCKeditor编辑器文件组中的通用配置文件/fckconfig.js和ASP.NET专用文件上传管理代码文件/editor/filemanager/connectors/aspx/config.ascx进行配置。 1. 配置控件语言 FCKeditor是自动探测浏览器所使用的语言编码的，其默认语言是英文。修改配置行"FCKConfig.DefaultLanguage = 'en';"为'zh-cn'，采用中文为默认语言。 2. 配置控件应用技术 FCKeditor默认是用于php技术的。修改配置行"var _FileBrowserLanguage = 'php';"和"var _

此文档的目录结构： 1 FCKeditor的下载及介绍 4 1.1 下载地址 4 1.2 FCKeditor下载包的介绍 4 2 FCKeditor的目录和文件精简 4 3 在页面创建FCKeditor 4 3.1 Js创建FCKeditor实例： 4 3.1.1 方法一：内嵌方法(推荐) 4 3.1.2 方法二：替换页面中的Textarea 5 3.1.3 方法三：适合于Ajax的调用方法 6 3.1.4 Js中FCKeditor对象的属性(集合)和方法 6 3.1.4.1 属性 6 3.1.4.2 集合 7 3.1.4.3 方法 7 3.1.5 FCKeditor的JS构造器 9 3.1.6 将从后台读取的数据显示在FCKeditor中 9 3.2 在Jsp中通过自定义标签创建： 9 3.3 FCKeditor API 调用 10 3.4 适时打开编辑器 10 4 修改FCKeditor的配置： 11 4.1 方法一：修改fckconfig.js 文件 11 4.2 方法二：使用一个额外的配置文件覆盖默认配置 11 4.3 配置的加载顺序 11 4.4 提示 11 4.5 一般需要修改的配置项 11 4.5.1 默认语言 11 4.5.2 自定义ToolbarSet，去掉一些不需要的功能 12 4.5.3 加上几种常用的字体 13 4.5.4 修改“回车” 和 “Shift + 回车”的换行行为 13 4.5.5 修改编辑区的样式文件 14 4.5.6 更换表情图片 14 4.5.7 编辑区域的右键菜单功能 14 4.6 fckconfig.js配置参数选项说明 15 4.7 自定义工具栏按钮 17 4.8 自定义右键菜单 18 5 文件上传问题 19 5.1 开启和关闭文件上传功能（fckconfig.js） 19 5.2 文件上传的基本使用 19 5.3 上传中文文件名的文件会出现乱码 20 5.4 创建中文名目录会出现乱码 21 5.5 引用中文名文件的图片不能正常显示 21 5.6 控件允许上传的文件的类型 22 5.7 控制上传的文件的大小 22 5.8 增加文件删除功能 23 6 超连接重定位问题 25 7 使用FCKeditor的API 26 7.1 获得FCKeditor的实例 26 7.1.1 获得当前页FCKeditor实例 26 7.1.2 从FCKeditor的弹出窗口中获得FCKeditor实例 26 7.1.3 从框架页面的子框架中获得其它子框架的FCKeditor实例 26 7.1.4 从页面弹出窗口中获得父窗口的FCKeditor实例 26 7.2 常见的Js方法调用 27 7.2.1 插入HTML到FCKeditor 27 7.2.2 设置FCKeditor的内容(HTML) 27 7.2.3 获取FCKeditor中的XHTML 27 7.2.4 获取FCKeditor中的innerHTML和innerText 27 7.2.5 执行指定动作 28 7.2.6 统计编辑器中内容的字数 29 7.2.7 检查FCKeditor中的内容是否有改动 29 7.2.8 将FCKeditor中的内容是否有改动的值重新设置 29 8 外联编辑条(多个编辑域共用一个编辑条) 29 9 解释fck样式(CSS)的工作原理 30 10 获取FCKeditor中插入的图片 31

87,907

社区成员

224,614

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章