`
ericxu131
  • 浏览: 188384 次
  • 性别: 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

分享到:
评论

相关推荐

    Asp.Net FCKeditor编辑器的用法详解

    Asp.Net FCKeditor编辑器的用法详解

    FCKeditor编辑器hwp363

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

    fckeditor编辑器文件及dll打包

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

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

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

    fckeditor 编辑器 和使用说明

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

    fckeditor编辑器 (已配置好)

    3. **性能优化**:如果页面中有多处使用FCKeditor,可以考虑使用延迟加载(lazy loading)技术,避免一次性加载所有编辑器,从而提高页面加载速度。 4. **社区支持**: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编辑器的使用和配置

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

    fckEditor 编辑器源码

    6. **样例和测试**:`fckSample`文件可能包含了编辑器的示例代码和测试用例,帮助开发者更好地理解和使用fckEditor。 要深入理解fckEditor的工作机制,你需要阅读和分析`fckeditor.js`以及相关插件的源代码,学习...

    winform集成fckeditor编辑器

    集成FCKeditor到WinForm可能需要一些JavaScript和.NET Framework的编程经验,但通过以上步骤,你应该能够成功地在你的WinForm应用中创建一个强大的富文本编辑器。请注意,由于FCKeditor本身是基于Web的,所以在...

    asp.net文本编辑器FCKeditor使用方法详解

    ASP.NET 文本编辑器 FCKeditor 使用方法详解 FCKeditor 是一个功能强大且流行的 ASP.NET 文本编辑器,提供了许多实用的功能,如格式化文本、插入图片、上传文件、创建表格等。下面将详细介绍如何使用 FCKeditor 在 ...

Global site tag (gtag.js) - Google Analytics