`
flamezealot
  • 浏览: 20811 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论
阅读更多

使用JAVASCRIPT版的FCK,在页面加载时(未打开FCK),创建一个隐藏的TextArea域,这个TextArea的name和ID要和创建的FCK实例名称一致,然后点击"Open Editor"按钮时,通过调用一段函数,使用FCK的ReplaceTextarea()方法来创建FCKeditor,代码如下:

java 代码
  1. <script type="text/javascript">   
  2. <!--   
  3. function showFCK(){   
  4.  var oFCKeditor = new FCKeditor( 'content' ) ;   
  5.  oFCKeditor.BasePath = '/FCKeditor/' ;   
  6.  oFCKeditor.ToolbarSet = 'Basic' ;   
  7.  oFCKeditor.Width = '100%' ;   
  8.  oFCKeditor.Height = '300' ;   
  9.  oFCKeditor.ReplaceTextarea() ;   
  10. }   
  11. //-->   
  12. </script>   
  13. <textarea name="content" id="content">textarea>   

 

FCKeditor 的 APIOnUploadCompleted方法将上传图片的信息返回给插入图片对话框,此信息中最主要的是图片上传后的相对于网站的相对地址。如果是插入成功,应该是

java 代码
  1. var oEditor = FCKeditorAPI.GetInstance('FCKeditor1') ;   
  2.   
  3. // Get the Editor Area DOM (Document object)   
  4. var oDOM = oEditor.EditorDocument ;   
  5. iLength = oDOM.body.innerText.length ;   
  6.   
  7. // Insert the desired HTML.   
  8. oEditor.InsertHtml( '- This is some <a href="/Test1.html">sample</a> HTML -' ) ;   
  9.   
  10. // Set the editor contents (replace the actual one).   
  11. oEditor.SetHTML( 'This is the <b>new content</b> I want in the editor.' ) ;   
  12.   
  13. // Get the editor contents in XHTML."true" means you want it formatted.   
  14. oEditor.GetXHTML( true ) ;   
  15.   
  16. //Get innerHtml   
  17. oEditor.EditorDocument.body.innerHTML  ;   
  18.   
  19. oEditor.IsDirty() ;   
  20. oEditor.ResetIsDirty() ;   
  21.   
  22. // Execute the command.(Bold,Italic......)   
  23. 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 代码
  1. <script language="javascript">   
  2.   window.parent.OnUploadCompleted(returnVal, imgUrl ,fileName,errorMessage)   
  3. </script>   

 

java 代码
  1. <script language="javascript">   
  2.   window.parent.OnUploadCompleted(0, imgUrl, fileName,errorMessage );   
  3. </script>   
则被上传的图片会显示在浏览窗口中。

分享到:
评论

相关推荐

    FCKeditor.Net_2.6.3.zip和FCKeditor-v2.6.3

    FCKeditor是一款强大的开源文本编辑器,主要用于网页内容的创建和编辑。它的名称来源于"Freeware Complete Kit for Web Editors"的首字母缩写,旨在提供一个功能丰富的HTML编辑器,让非技术人员也能轻松编辑网页内容...

    最新FCKeditor_2.6 版本 FCKeditor编辑器和控件

    兼容目前的浏览器 里面包含FCKeditor编辑器和控件 一、集成方法 FCKeditor应用在ASP.NET上,需要两组文件,一组是FCKeditor本身,另一个是用于ASP.NET的FCKeditor控件(分为1.1和2.0两个版本,这里使用2.0版本)。 ...

    fckeditor和级联菜单日历实例

    在IT行业中,富文本编辑器(FCKeditor)是一款广泛使用的在线文本编辑工具,它允许用户在网页上创建、编辑和格式化文本,类似于桌面版的Microsoft Word。FCKeditor以其丰富的功能和易于集成的特点,深受开发者喜爱。...

    FCKeditor 2.6.6 可直接使用

    **FCKeditor 2.6.6:一个经典且易集成的在线文本编辑器** FCKeditor是一款在Web开发中广泛使用的开源富文本编辑器,它允许用户在浏览器环境中进行类似Word的文本编辑操作。标题提到的是FCKeditor的2.6.6版本,这是...

    Fckeditor(综合利用工具)

    Fckeditor是一款基于Web的富文本编辑器,它允许用户在网页上进行文本编辑,提供类似于Microsoft Word的功能。这款编辑器支持多种操作系统和浏览器,并且具备高度的可定制性,是开发人员集成到网站中用于创建、编辑...

    FCKeditor_2.6.8.zip

    **FCKeditor 2.6.8:一个强大的在线文本编辑器** FCKeditor是一款开源的、基于Web的富文本编辑器,它允许用户在网页上进行类似Word的文本编辑操作,支持创建和编辑含有图文混合的内容。这个版本是2.6.8,是一个稳定...

    fckeditor2.6.3 完整版

    2.解压缩到你的站点根文件夹中名为FCKEDITOR的文件夹中(名称必须为FCKEDITOR,因为配置文件中已经使用此名称来标示出FCKEDITOR的位置) 3.现在,编辑器就可以使用了,如果想要查看演示,可以按下面方法访问: ...

    fckeditor所需jar包集合及java源文件

    FCKeditor是一款知名的开源富文本编辑器,它允许用户在网页上进行富文本内容的创建和编辑。在Java环境中使用FCKeditor时,通常需要一些特定的库文件,即jar包,以及可能的源代码来支持其功能。下面将详细阐述...

    FCKeditor

    **FCKeditor** 是一个非常流行的开源富文本编辑器,广泛应用于Web开发中,使得用户可以在网页上方便地编辑和格式化文本,包括插入图片、链接等操作。它支持多种编程语言,如JavaScript、ASP、ASP.NET、PHP、JSP等,...

    FCKeditor.Net_2.6.3 全中文版本

    FCKeditor.Net_2.6.3 是一个强大的开源文本编辑器,专为.NET平台设计。这个全中文版本是针对原版FCKeditor进行了深度定制,将所有英文界面和提示翻译成了中文,使得国内用户在使用过程中能更加方便地理解和操作。 ...

    PHP FCKeditor_2.6.6 瘦身精简版 带重命名上传+实例使用说明

    将Fckeditor 里的保留文件拷贝到网站根目录文件夹里,即/ictech/下 /fcktemplates.xml /fckstyles.xml /fckeditor_php5.php /fckeditor_php4.php /fckeditor.php /fckeditor.js /fckconfig.js /editor/ fckeditor....

    FCKEditor

    **FCKEditor**是一款历史悠久且功能强大的开源网页编辑器,它允许用户在网页上实现类似Word的文本编辑体验。FCKeditor的出现极大地提升了网站内容创作的便捷性,尤其适用于那些需要用户输入丰富格式文本的在线平台,...

    FCKeditor && fckeditor.properties

    **FCKeditor与fckeditor.properties详解** 在JSP(JavaServer Pages)开发环境中,富文本编辑器FCKeditor是一款广泛使用的开源工具,它允许开发者在网页上创建具有类似Word功能的文本编辑区域,用户可以方便地进行...

    FCKEditor(Java)完整资料包

    **FCKEditor与Java Web整合详解** FCKEditor是一款开源的富文本编辑器,它为用户提供了一种在Web页面上创建、编辑复杂HTML内容的便捷方式。FCKeditor以其直观的用户界面和丰富的功能,被广泛应用于各种Java Web应用...

    FCKeditor 插件 远程保存图片

    **FCKeditor插件远程保存图片详解** FCKeditor是一款非常流行的开源富文本编辑器,广泛应用于网站内容管理系统(CMS)和其他需要用户编辑HTML内容的场景。它提供了丰富的功能,如文本格式化、图片上传、链接创建等...

    fckeditor for jsp 的jar包

    这个是一个我修改过的fckeditor for jsp 的jar包的源代码,是fckeditor-2.3的,我修改了ConnectorServlet.java和SimpleUploaderServlet.java两个文件 我在这两个文件中都是加了一个静态变量encoding,private static...

    FCKeditor开发jar包及fckeditor文件夹

    这个压缩包“FCKeditor开发jar包及fckeditor文件夹”包含的是FCKeditor的开发相关资源,主要分为两部分:jar包和fckeditor文件夹。 1. **FCKeditor jar包**: 这个jar包通常包含了FCKeditor的Java版本,是将...

Global site tag (gtag.js) - Google Analytics