使用JAVASCRIPT版的FCK,在页面加载时(未打开FCK),创建一个隐藏的TextArea域,这个TextArea的name和ID要和创建的FCK实例名称一致,然后点击"Open Editor"按钮时,通过调用一段函数,使用FCK的ReplaceTextarea()方法来创建FCKeditor,代码如下:
java 代码
- <script type="text/javascript">
- <!--
- function showFCK(){
- var oFCKeditor = new FCKeditor( 'content' ) ;
- oFCKeditor.BasePath = '/FCKeditor/' ;
- oFCKeditor.ToolbarSet = 'Basic' ;
- oFCKeditor.Width = '100%' ;
- oFCKeditor.Height = '300' ;
- oFCKeditor.ReplaceTextarea() ;
- }
-
- </script>
- <textarea name="content" id="content">textarea>
FCKeditor 的 APIOnUploadCompleted方法将上传图片的信息返回给插入图片对话框,此信息中最主要的是图片上传后的相对于网站的相对地址。如果是插入成功,应该是
java 代码
- var oEditor = FCKeditorAPI.GetInstance('FCKeditor1') ;
-
-
- var oDOM = oEditor.EditorDocument ;
- iLength = oDOM.body.innerText.length ;
-
-
- oEditor.InsertHtml( '- This is some <a href="/Test1.html">sample</a> HTML -' ) ;
-
-
- oEditor.SetHTML( 'This is the <b>new content</b> I want in the editor.' ) ;
-
-
- oEditor.GetXHTML( true ) ;
-
-
- oEditor.EditorDocument.body.innerHTML ;
-
- oEditor.IsDirty() ;
- oEditor.ResetIsDirty() ;
-
-
- oEditor.Commands.GetCommand( commandName ).Execute() ;
插入及上传图片的页面fck_image,跳转到该页面的语句在/js/fckeditorcode_ie.js的75行1328列
case 'Image':B=new FCKDialogCommand('Image',FCKLang.DlgImgTitle,'dialog/fck_image.html',450,400);break;
插入flash的也在这里。
在上传图片的代码后面加入以下代码,主要是对图片上传完之后的处理,如提示信息等,可以根据需要酌情修改。
java 代码
- <script language="javascript">
- window.parent.OnUploadCompleted(returnVal, imgUrl ,fileName,errorMessage)
- </script>
java 代码
- <script language="javascript">
- window.parent.OnUploadCompleted(0, imgUrl, fileName,errorMessage );
- </script>
则被上传的图片会显示在浏览窗口中。
分享到:
相关推荐
将Fckeditor 里的保留文件拷贝到网站根目录文件夹里,即/ictech/下 /fcktemplates.xml /fckstyles.xml /fckeditor_php5.php /fckeditor_php4.php /fckeditor.php /fckeditor.js /fckconfig.js /editor/ fckeditor....
这个是一个我修改过的fckeditor for jsp 的jar包的源代码,是fckeditor-2.3的,我修改了ConnectorServlet.java和SimpleUploaderServlet.java两个文件 我在这两个文件中都是加了一个静态变量encoding,private static...
兼容目前的浏览器 里面包含FCKeditor编辑器和控件 一、集成方法 FCKeditor应用在ASP.NET上,需要两组文件,一组是FCKeditor本身,另一个是用于ASP.NET的FCKeditor控件(分为1.1和2.0两个版本,这里使用2.0版本)。 ...
2.解压缩到你的站点根文件夹中名为FCKEDITOR的文件夹中(名称必须为FCKEDITOR,因为配置文件中已经使用此名称来标示出FCKEDITOR的位置) 3.现在,编辑器就可以使用了,如果想要查看演示,可以按下面方法访问: ...
FCKeditor.Net_2.6.3.zip和FCKeditor-v2.6.3
1 FCKeditor简介: FCKeditor是一个专门使用在网页上属于开放源代码的所见即所得文字编辑器。它志于轻量化,不需要太复杂的安装步骤即可使用。它可和PHP、JavaScript、ASP、ASP.NET、ColdFusion、Java、以及ABAP等...
FCKeditor是一个专门使用在网页上属于开放源代码的所见即所得文字编辑器。它志于轻量化,不需要太复杂的安装步骤即可使用。它可和PHP、JavaScript、ASP、ASP.NET、ColdFusion、Java、以及ABAP等不同的编程语言相结合...
Fckeditor2.6.5 Build 23959 1.将得到的fckeditor文件夹复制到网站的目录下面 2.配置WebConfig appSettings> <add key="FCKeditor:BasePath" value="~/fckeditor/"/> <add key="FCKeditor:UserFilesPath" ...
Fckeditor皮肤Fckeditor皮肤Fckeditor皮肤Fckeditor皮肤Fckeditor皮肤Fckeditor皮肤
FCKEDITOR的性能是非常好的,用户只需很少的时间就可以载入FCKEDITOR所需文件.对于其他在线编辑器来说,这几乎是个很难解决的难题,因为在开启编辑器时需要装载太多的文件.比如CUTEEDITOR,虽然功能比FCKEDITOR还要强大,...
FCKEDITOR-2.6.3 代码高亮与图片水印 VS2005,VS2008下. FCKeditor增加了代码高亮显示,和图片水印功能 经过X8023Z团队修改精简.并附个人配置经验. 常见错误问题: 1:找不到文件,那就是说路径没有设置好. <add key="...
通过复制粘贴实现FCKeditor 的使用. 看拉大家的留言,为使大家下载多能使用,补充个注意点; 在jsp页面出现FCKeditor 引用错误. 把页面中的下面代码中 id="infoContent" basePath="../../FCKeditor/" width="822" ...
Fckeditor(综合利用工具)
<FCKeditorV2:FCKeditor ID="FCKeditor1" BasePath="fckeditor/" runat="server" Height="500px"></FCKeditorV2:FCKeditor> (2)集成到Visual Studio工具箱 打开一ASP.NET页面,展开Toolbox,打开右键菜单,选择...
由官网FCKeditor_2.6.4+fckeditor-java-2.4.1修改。 修改内容有: 1、上传的文件名为中文会变成乱码 2、新建中文目录变乱码(这个好似还有点小问题,不过不影响使用,还是不建议用中文目录) 3、对上传的文件使用...
所以只好继续精简FCKeditor,以前一直有个问题困扰着我,明明去掉了这么多代码,体积成倍缩小,为什么还这么慢,难道FCKeditor内核的问题?为了这次能更彻底提高FCKeditor的载入效率。我把所有压缩过的代码都还原。...
自己写的 FckEditor 入门文档 文档中包括FckEditor 介绍、配置、实例讲解和拷贝网上其它例子文章等,已经算是很全面的文档了,20多页的PDF。 还额外赠送Demo实例,直接用Tomcat就可以运行,配置都弄好了,jar包都...
FCKeditor相关资料简介: (要下载FCKeditor2.6.zip和FCKeditor.NET2.5版的2个zip包) FCKeditor2.6zip是其最新的Javascript文件和图片等; FCKeditor.NET.zip是一个ASP.NET控件DLL文件。 下面结合一个ASP.NET...
改造背景: FCK作为开源的文章编辑器,很受欢迎,却没有文件删除功能。 改造目标: 提升FCK的功能,提供删除文件和文件夹的管理功能。...2:com\fredck\FCKeditor\connector\ConnectorServlet.java
fckeditor for JAVA所需要的所有文件 包括: FCKeditor_2.6.3.zip //主文件 fckeditor-java-2.4.1-bin.zip //jsp整合包 fckeditor-java-demo-2.4.1.war //完整的项目实例,建议部署到服务器上面看一下这个然后...