`
ericxu131
  • 浏览: 189540 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

fckeditor编辑器的一些用法校验和加载

阅读更多

fckeditor编辑器其实是运行在一个iframe当中,所以常规的校验需要先通过fckeditor的api来进行连接后才能正常的进行操作。代码如下:

var oFCKeditor=FCKeditorAPI.GetInstance('content');
oFCKeditor.UpdateLinkedField();
alert(document.form[0].content.value);

 

在正常打开页面时如果加载完整的fck编辑器会使页面打开很慢,所以可以一开始通过以下方式变通。代码如下:

<TEXTAREA name="content" id="content" style="height=350;width=100%"></TEXTAREA>
<INPUT type="button" value="打开编辑器" onclick="showFKCEditer(this);">

 

function showFKCEditer(show_ob)
 {
 var oFCKeditor = new FCKeditor('content') ;
 oFCKeditor.ToolbarSet = "MyBasic";
 oFCKeditor.Config['SkinPath'] = '<%=request.getContextPath()%>/components/fckeditor/' + 'editor/skins/office2003/' ;
 oFCKeditor.BasePath = '<%=request.getContextPath()%>/components/fckeditor/' ;
 oFCKeditor.Height = 350 ;
 //oFCKeditor.Width = '96%';
 oFCKeditor.Value = '' ;
 //oFCKeditor.Create() ; 
 oFCKeditor.ReplaceTextarea() ;
 var cur_tr=findFirstParentTR(show_ob);
 cur_tr.parentElement.removeChild(cur_tr);
 }

 

不过在使用fck的api要先引入它的fckeditor/fckeditor.js包biggrin

分享到:
评论

相关推荐

    FCKeditor编辑器hwp363

    FCKeditor编辑器hwp363FCKeditor编辑器hwp363FCKeditor编辑器hwp363 FCKeditor编辑器hwp363FCKeditor编辑器hwp363 FCKeditor编辑器hwp363

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

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

    fckeditor编辑器文件及dll打包

    fckeditor编辑器文件及dll打包 fckeditor编辑器文件及dll打包 fckeditor编辑器文件及dll打包

    FCKeditor 网页在线编辑器的使用方法

    FCKeditor是一个支持所见即所得(WYSIWYG,即What You See Is What You Get)功能的网页在线文本编辑器,它使得网页内容的编辑更加直观便捷,类似于在使用微软Office软件时编辑文档的感觉。FCKeditor允许用户在网页...

    fckeditor 编辑器 和使用说明

    - `fckeditor`文件夹可能包含了编辑器的示例代码和资源,通过查看和运行这些示例,可以帮助理解编辑器的运作方式和API的使用。 5. **兼容性** fckeditor兼容多种浏览器,包括Internet Explorer、Firefox、Chrome...

    fckeditor编辑器 (已配置好)

    3. **性能优化**:如果页面中有多处使用FCKeditor,可以考虑使用延迟加载(lazy loading)技术,避免一次性加载所有编辑器,从而提高页面加载速度。 4. **社区支持**:FCKeditor有一个活跃的开发者社区,你可以在这...

    fckeditor文档编辑器插件

    **fckeditor文档编辑器插件详解** ...虽然现在已经有了更先进的替代品,但理解它的运作原理和使用方法对于理解富文本编辑器的工作机制仍然十分有益。在实际项目中,可以根据需求选择合适的编辑器,提升用户体验。

    php中使用fckeditor编辑器

    通过本文的详细介绍,相信读者已经掌握了如何在PHP项目中安装和使用FCKeditor编辑器的方法。FCKeditor的强大之处在于其灵活性和扩展性,用户可以根据项目需求自定义编辑器的各种设置。此外,由于FCKeditor是开源软件...

    HTML 文本编辑器FCKeditor

    **FCKeditor:一个强大的HTML文本编辑器** ...了解并掌握其使用方法和API,可以帮助开发者构建更高效、更友好的在线编辑环境。尽管FCKeditor已经不再更新,但它的设计理念和技术思路仍然值得学习和借鉴。

    fckeditor编辑器插件

    本文将深入探讨fckeditor编辑器的自定义按钮功能、弹出页面的实现以及如何将返回数据添加到fck编辑器,帮助读者更好地理解和运用这一强大的工具。 首先,让我们了解fckeditor自定义按钮的创建过程。自定义按钮是...

    FckEditor在线编辑器

    FckEditor是一款强大的开源在线文本编辑器,广泛应用于网站建设和内容管理系统中,为用户提供类似桌面文字处理软件的编辑体验。它的全称为“FCKeditor”,最初由Fernando Goycoolea创建,后来更名为CKEditor。这款...

    FCKeditor编辑器2.63(解决无法上传文件)

    通过正确引入"FredCK.FCKeditorV2.dll",参照"配置方法.txt"进行配置,以及加载"fckeditor"文件夹内的前端资源,开发者可以在自己的网站上轻松实现功能完善的富文本编辑功能,提升用户的内容创作和分享体验。

    fckeditor在线编辑器

    4. 使用`ReplaceTextarea()`方法将原有的多行文本框替换为FCKeditor编辑器。 如果需要实现图片上传功能,还需要以下步骤: 1. 引入必要的Java库文件,包括fckeditor-java-core-2.4.1.jar(FCKeditor核心)、commons...

    FCKeditor编辑器

    **FCKeditor编辑器**是曾经非常流行的一款开源富文本编辑器,主要用于网页内容的创建和编辑。...虽然现在已经有一些新的替代品,但理解其基本原理和操作方法对于维护旧项目或学习富文本编辑器的概念仍然有价值。

    php版FCKEDITOR在线编辑器

    1. **FCKeditor.js**:主JavaScript文件,包含了编辑器的核心逻辑和界面渲染。 2. **fckconfig.js**:配置文件,可以在这里设置编辑器的默认行为,如工具栏布局、语言设置等。 3. **fckstyles.xml**:样式定义文件,...

    fckeditor编辑器使用方法

    ### fckeditor编辑器使用方法详解 fckeditor,现在更名为了CKEditor,是一款功能强大、易于集成的富文本编辑器,广泛应用于各种Web应用程序中,为用户提供了一个接近于桌面编辑软件的在线编辑体验。本文将从...

    FCKeditor编辑器精简教程手册(WORD)

    ### FCKeditor编辑器精简教程手册知识点梳理 #### 一、FCKeditor简介与应用场景 FCKeditor是一款广泛应用于Web开发领域的富文本编辑器,它支持多种编程语言环境,并且具备良好的用户交互体验,能够方便地实现在线...

    fckeditor编辑器的使用和配置

    在本文中,我们将深入探讨fckeditor的使用方法、配置步骤以及如何在MyEclipse5.5环境下集成应用。 **一、fckeditor简介** fckeditor是一个基于Web的文本编辑器,它允许用户在网页上进行类似于Word的文本编辑操作,...

Global site tag (gtag.js) - Google Analytics