`
bask
  • 浏览: 146639 次
  • 性别: Icon_minigender_1
  • 来自: 宇宙
社区版块
存档分类
最新评论

FCK简单使用

阅读更多
// 获取编辑器中HTML内容
function getEditorHTMLContents(EditorName) {
var oEditor = FCKeditorAPI.GetInstance(EditorName);
return(oEditor.GetXHTML(true));
}

// 获取编辑器中文字内容,不支持fireFox
function getEditorTextContents(EditorName) {
var oEditor = FCKeditorAPI.GetInstance(EditorName);
return(oEditor.EditorDocument.body.innerText);
}

//经过测试,FF中需要转换为Jquery可以实现,改进的函数为
function getEditorTextContents(EditorName) {
  var oEditor = FCKeditorAPI.GetInstance(EditorName);
  //奇怪的现象,IE和FF下取得FckEditor的值,非html值,使用$.trim()IE会无效
  if($.browser.msie) val=$.trim(oEditor.EditorDocument.body.innerText);// ie
  else if($.browser.mozilla) val=$.trim($(oEditor.EditorDocument.body).text());//ff
  return val;
}
// 设置编辑器中内容
function SetEditorContents(EditorName, ContentStr) {
var oEditor = FCKeditorAPI.GetInstance(EditorName) ;
oEditor.SetHTML(ContentStr) ;
}

<script type="text/javascript" src="FCKeditor/fckeditor.js"></script>

<textarea id="content" name="content" cols="80" rows="4"> </textarea> 

//创建FCK
var oFCKeditor = new FCKeditor("content") ;
oFCKeditor.Height	= 300 ;
oFCKeditor.Width = '80%'; 
oFCKeditor.BasePath='/test/public/FCKeditor/';
//oFCKeditor.ToolbarSet='Basic';//默认为全部
oFCKeditor.ReplaceTextarea(); //textarea替换


FCKeditorAPI是FCKeditor加载后注册的一个全局对象,利用它我们就可以完成对编辑器的各种操作。

在当前页获得 FCK 编辑器实例:
var Editor = FCKeditorAPI.GetInstance(''InstanceName'');

从 FCK 编辑器的弹出窗口中获得 FCK 编辑器实例:
var Editor = window.parent.InnerDialogLoaded().FCK;

从框架页面的子框架中获得其它子框架的 FCK 编辑器实例:
var Editor = window.FrameName.FCKeditorAPI.GetInstance(''InstanceName'');

从页面弹出窗口中获得父窗口的 FCK 编辑器实例:
var Editor = opener.FCKeditorAPI.GetInstance(''InstanceName'');

获得 FCK 编辑器的内容:
oEditor.GetXHTML(formatted); // formatted 为:true|false,表示是否按HTML格式取出
也可用:
oEditor.GetXHTML();

设置 FCK 编辑器的内容:
oEditor.SetHTML("content", false); // 第二个参数为:true|false,是否以所见即所得方式设置其内容。此方法常用于"设置初始值"或"表单重置"哦作。

插入内容到 FCK 编辑器:
oEditor.InsertHtml("html"); // "html"为HTML文本

检查 FCK 编辑器内容是否发生变化:
oEditor.IsDirty();

用fckconfig.js中的一些选项来控制toolbarset中控件的功能,实现功能裁剪:
1):取消超链接中的浏览服务器和上传功能,方法如下:
------------------------------------
FCKConfig.LinkBrowser = true;
FCKConfig.LinkUpload = true;
改为:
FCKConfig.LinkBrowser = false;
FCKConfig.LinkUpload = false;
------------------------------------
2):取消图片链接中的浏览服务器和上传功能,方法如下:
------------------------------------
FCKConfig.ImageUpload = true;
FCKConfig.ImageBrowser = true;
改为:
FCKConfig.ImageUpload = false;
FCKConfig.ImageBrowser = false;
------------------------------------
3):Dlg Button中取消高级功能,方法如下:
FCKConfig.LinkDlgHideAdvanced = false ;
FCKConfig.ImageDlgHideAdvanced = false ;
改为:
FCKConfig.ImageDlgHideAdvanced = true ;
FCKConfig.LinkDlgHideTarget = true ; 

分享到:
评论

相关推荐

    fck的使用以及源码

    `FCK.txt`可能包含了FCKeditor的使用文档或开发指南,为了更深入地理解其工作原理,我们需要查看源码。FCKeditor的核心源码位于`fckeditor.js`,主要包含以下几个部分: 1. **核心对象与类** - `FCK`:编辑器的...

    FCK插件使用说明(pdf版)原创 绝对精品

    以下是一个简单的示例,展示如何在ASP.NET页面中使用FCK编辑器,并在点击按钮后将编辑器中的内容更新到TextBox中: ```csharp &lt;!DOCTYPE ...

    fck文档+jar包

    - **快速入门**:FCK文档通常会提供一个简单的HTML页面示例,展示如何在网页中嵌入编辑器。 - **API参考**:详细解释了编辑器的各种方法、事件和属性,开发者可以根据需求进行调用和自定义。 - **示例代码**:...

    FCK使用详细说明文档示例.net (纯汉化版)

    - `fck.doc`:这可能是FCKeditor的使用手册或API参考文档,详细介绍了编辑器的各种操作方法和开发接口,供开发者参考学习。 - `FckEditor`:这是FCKeditor的核心文件夹,包含编辑器的所有源代码和资源文件。 - `...

    java FCK 在线编辑器 使用方法及实例。

    Java中的FCK编辑器是一款强大的在线...通过简单的配置和集成,可以快速提升网站的用户体验,同时提供强大的文本编辑功能。对于开发者来说,理解和掌握FCKeditor的使用方法和配置技巧,是提升Web应用交互性的重要一环。

    在线编辑器 例子 fck fck

    文件名列表中的"fck"很可能是指FCKeditor的相关文件,可能包含了编辑器的安装包、示例代码、文档资料等。对于开发者来说,这些资源可以帮助他们快速理解和集成FCKeditor到自己的项目中。通过学习和实践,开发者可以...

    FCK editor 使用实例代码

    FCKeditor是一款开源的网页文本编辑器,它使得在网页上创建和编辑富文本内容变得简单。FCKeditor以其强大的功能和易用性,被广泛应用于各种Web应用程序中,尤其在Java开发环境中。本教程将通过一个具体的使用实例,...

    FCK文本编辑器

    **FCK文本编辑器**是一款广泛应用于Web开发中的开源富文本编辑器,它为用户提供了一个类似于桌面文字处理软件的界面,使得在网页上编辑内容变得简单直观。FCKeditor最初由FredCK(Frederico Caldeira Knabben)开发...

    .net FCK编辑器 网站后台FCK编辑器

    在.NET框架下,集成.FCKeditor非常简单。通常,可以通过以下步骤实现: 1. **下载与安装**:从官方或第三方网站获取.FCKeditor的最新版本,解压缩到服务器上的指定目录。 2. **引用资源**:在.NET项目的网页代码中...

    fck编辑器的使用(asp.net最简单的例子)

    这个“fck编辑器的使用(asp.net最简单的例子)”教程将带你了解如何在你的应用程序中集成FCKeditor,为用户提供更丰富的交互体验。 首先,FCKeditor本身是一个JavaScript库,因此在ASP.NET页面中使用时,需要在...

    强大的FCK编辑器修改版兼容多个浏览器支持图片上传功能

    4. **易用性**:FCK编辑器的界面直观,用户可以通过简单的拖放操作或者菜单选择来实现各种编辑操作。对于开发者来说,其API接口友好,可以方便地进行自定义和扩展。 5. **可定制性**:FCK编辑器允许开发者根据项目...

    fck在线编辑器

    **fck在线编辑器**,全称为FCKeditor,是一款非常流行且功能强大的开源富文本编辑器,广泛应用于网页内容编辑、CMS系统、论坛、博客等场景。它为用户提供了一个类似Microsoft Word的界面,使得在网页上编辑文本、...

    FCK简装版 fck表情版

    4. **示例或演示页面**:提供一个简单的HTML页面,展示了如何在网页中引入和使用FCK简装版表情版。 5. **文档和教程**:可能包含关于如何安装、配置和自定义编辑器的说明,帮助开发者更好地理解和使用这个编辑器。 ...

    FCK在线编辑器 简单实用的编辑工具

    它以其简单易用、功能丰富的特性在.NET开发者中广受欢迎。FCKeditor完全免费,并且支持多种编程语言,包括.NET,使得.NET开发者可以轻松地在他们的应用程序中集成一个功能强大的文本编辑组件。 在.NET环境中,...

    java整合fck例子jar包

    Java整合FCK编辑器是一个常见的任务,特别是在开发Web应用程序时,需要一个富文本编辑器来提供用户友好的内容创建体验。FCKeditor(现在已经更名为CKEditor)是一个流行的开源JavaScript编辑器,它允许用户在Web页面...

    FCK在线编译器和jar包

    FCK在线编译器是一款强大的富文本编辑器,主要用于网页中的文字内容编辑,它提供了丰富的文本格式化选项,包括字体、大小、颜色、对齐方式等,还支持插入图片、链接、表格等复杂元素,极大地提高了用户在网页端编辑...

    java fck例子

    Java FCK例子主要涉及到的是Java编程中使用FCKeditor这一流行的富文本编辑器的情况。FCKeditor是一款开源的在线文本编辑器,它允许用户在网页上进行类似Word的文本编辑,支持HTML、CSS、图像上传等功能,广泛应用于...

    fck的例子

    在压缩包文件"**fckTest**"中,可能包含了FCKeditor的示例代码、配置文件以及用于演示的图片或文档,帮助开发者了解如何在自己的项目中集成和使用FCKeditor。通过对这些文件的研究和实践,可以更好地掌握FCKeditor的...

    FCK编辑器谷歌地图插件 for pjblog.rar

    剩下的就是使用了,我专门为大家把这个谷歌地图插件做了一个中文语言文件,所以当大家需要使用此插件时,点击谷歌地图按钮,就会出现中文的插件界面,使用起来也很简单。 “地图”选项卡中,这里设置地图显示的...

    fck 2.6.6 java版

    用户可以方便地进行段落排版、字体样式设置、列表创建等操作,使得在线编写文档变得与使用桌面应用一样便捷。 5. **JSP集成**: 对于JSP开发者来说,FCKeditor提供了详细的集成指南和示例代码。通过简单的JSP标签...

Global site tag (gtag.js) - Google Analytics