`
流浪鱼
  • 浏览: 1692393 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

开发Fck插件的步骤

阅读更多

FCKeditor 插件开发
FCKeditor一直是web上编辑器的比较好的一个选择,他是开源的,而且效果不错。FCKeditor的插件是对FCKeditor的扩展功能。
尽管一般条件下FCKeditor能适应使用,但你可能对FCKeditor仅有的功能不满意,好.FCKeditor提供了插件开放功能,只要你能想到,你就做吧。
我就一个简单的"Hello"为例来介绍FCKeditor插件的开发
首先,进入FCKeditor编辑器目录下的editor文件下的plugins目录下。这个目录是放Fckeditor插件的。So,建立一个文件夹,命名为'hello'。
第二步,进入'hello'文件夹。建立一个"fckplugin.js"的文件。这是fckeditor插件的所必须的,主要是插件注册等等。
再建立语言文件。在'hello'文件夹下建立一个'lang'的文件夹。在'lang'文件夹下建立语言文件,Fckeditor插件的语言文件命名方式是:国家或地区.js。如中国是zh.js.简体中文是zh-cn.js.英文是en.js等等。我们建立两个"en.js"和"zh-cn.js"。
然后编辑语言文件。我们编辑"en.js"。写入以下内容:FCKLang.Hello="Hello";(注意包含";"),在"zh-cn.js"中写入:FCKLang.Hello="你好";
FCKeditor插件语言的命名方式为:FCKLang.变量名="语言定义"
OK,语言问题定义完成了,然后是插件定义。
打开第二步的"fckplugin.js"。
复制代码 代码如下:
//注册
FCKCommands.RegisterCommand('hello',new FCKDialogCommand('hello',FCKLang.Hello,FCKPlugins.Items['hello'].Path+"hello.html",200,200));
//定义工具栏
var NHello=new FCKToolbarButton('hello',FCKLang.Hello);
NHello.IconPath=FCKPlugins.Items['hello'].Path+'hello.GIF';
//注册
FCKToolbarItems.RegisterItem('hello',NHello);

OK,不懂?详细说明:

插件机制步骤是:注册命令-->定义工具栏按钮--->注册到工具栏
注册命令::FCKCommands.RegisterCommand(命令名称,对话框命令)
对话框命令:FCKDialogCommand(命令名称,对话框标题,URl,宽度,高度)
这样注册命令就完成,然后定义一个工具栏

FCKToolbarButton(命令名称,按钮标题)
你最好添加一个图标:IconPath=图标地址
现在命令也注册完成,工具栏也定义好了,然后是添加:

FCKToolbarItems.RegisterItem(命令名称,工具栏);

注意:”Hello.html”就是你要显示html中应该包含如下语句.
复制代码 代码如下:

<script language="javascript">
var dialog = window.parent ;
var oEditor = dialog.InnerDialogLoaded() ;
var FCKLang = oEditor.FCKLang ;
</script>

OK.插件制作完毕了,怎么显示呢?

在Fckeditor的目录下找到 “fckconfig.js”,这是fckeditor的设置文件。
找到” FCKConfig.PluginsPath = FCKConfig.BasePath + 'plugins/' ;”

添加:”FCKConfig.Plugins.Add(‘hello','zh-cn,en'); ”

解释:FCKConfig.Plugins.Add(插件名,'语言文件');其中语言文件是可选的,如果没有则自动设置。

然后在 “FCKConfig.ToolbarSets["Default"]=..”中的”[]”中随便添加'hello' (注意包含引号)。

OK…!完成

好,我们来重新确认一下FCKEditor插件开发的过程:

建立” fckplugin.js”-建立插件(语言文件等)-添加插件。

建立插件必要步骤:插注册命令-定义工具栏-注册到工具栏

转载一个网友的,在此声明下!

分享到:
评论

相关推荐

    fckeditor(FCK)插件和类子

    **FCKeditor(FCK)插件和类子详解** FCKeditor,全称为"Freeware CKEditor",是一款开源的、基于JavaScript的富文本编辑器。它在Web开发领域中广泛使用,允许用户在浏览器端进行类似Word的文本编辑操作,支持多种...

    FCK添加上传视频插件

    "FCK添加上传视频插件"这个主题,主要是关于如何在FCKeditor中集成视频上传功能,使得用户可以像上传图片一样方便地上传和插入视频到编辑内容中。接下来,我们将详细探讨这个过程及其涉及的技术点。 首先,...

    fck文档+jar包

    通过以上步骤,开发者可以将FCK编辑器成功集成到Java Web项目中,为用户提供强大的文本编辑功能。同时,FCK文档作为开发过程中的重要参考资料,应随时查阅以解决可能出现的问题。对于初学者来说,理解和掌握这些知识...

    FCK文本编辑器

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

    网页FCK编辑控件示例

    3. **可扩展性**:FCKeditor允许开发者通过插件进行功能扩展,以满足特定需求,例如添加新的按钮、工具栏项或支持新的文件类型。 4. **自定义配置**:用户可以根据自己的需求调整编辑器的外观和行为,包括工具栏...

    fck的使用以及源码

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

    asp.net中fckeditor插件的使用

    ASP.NET是微软开发的一种用于构建Web应用程序的框架,它提供了丰富的功能和易用性,而FCKeditor是一款流行的在线文本编辑器,常被用于创建富文本输入框,使得用户可以在网页上进行类似Word的文本编辑操作。...

    FCK集成图片批量上传

    1. FCKeditor的插件开发与自定义功能。 2. ASP.NET的文件上传处理。 3. 图像处理,包括读取、绘制和保存图片。 4. 图片水印的生成与应用。 5. JavaScript和服务器端通信(AJAX)以实现前端与后端的交互。 6. 富文本...

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

    5. **可扩展性**:提供API接口,开发者可以根据需要添加自定义插件或扩展功能,满足特定项目需求。 6. **多语言支持**:内置多种语言包,便于全球化的网站使用。 在.NET框架下,集成.FCKeditor非常简单。通常,可以...

    fck.rar_fck

    富文本编辑器FCKeditor是一款广泛应用于Web开发中的开源文本编辑器,它允许开发者在网页上提供类似Word的编辑体验,让用户能够以更加直观、便捷的方式编辑网页内容。标题中的"fck.rar_fck"可能指的是FCKeditor的一个...

    fck框架,eclipse和myeclipse导入即用

    Eclipse是开源的,拥有强大的插件体系,可以用于Java、Python、C++等多种语言的开发。MyEclipse则是Eclipse的一个商业版本,增加了对Web、J2EE、数据库等应用的更多支持,包括内置的Tomcat服务器、数据库管理工具等...

    fck web 编辑器

    版本6.5可能指的是Eclipse的一个特定发行版或插件集,这通常包含了对开发Web项目的增强支持,如内置的Tomcat服务器、JavaScript调试工具等。 集成FCKweb 编辑器到Eclipse工程通常涉及以下几个步骤: 1. **下载与...

    FCK第三方工具

    在Web开发领域,FCKeditor因其强大的功能和易用性而备受青睐,允许用户在浏览器端进行类似Word的富文本编辑。在"描述"中提到的"排版所用的第三方软件",可能是指用于增强FCKeditor功能或提升其排版效果的插件或组件...

    web页面 FCK编辑器

    3. **高度可定制**:FCKeditor允许开发者通过修改配置文件或编写插件来扩展其功能,满足个性化需求。例如,可以自定义工具栏按钮、调整编辑器样式、增加特殊格式支持等。 4. **语言支持**:提供多种语言包,支持多...

    Fck文本编辑器 FCKeditor fckeditor

    虽然FCKeditor不再被官方维护,但其开源特性使得社区依然活跃,有开发者在原有基础上进行二次开发和维护。 **配置说明** 安装和配置FCKeditor主要涉及以下步骤: 1. **下载与解压**: 从官方网站或第三方源获取...

    FCK—富文本编辑器

    **FCK富文本编辑器**,作为一款网页版的Word,是前端开发中常见的文本编辑工具,它提供了用户友好的界面,使得非编程背景的人员也能轻松编辑和格式化网页内容。这款编辑器的主要功能是将HTML代码的复杂性隐藏在简洁...

    .Net中Fck用法详解(带fck)

    2. 插件扩展:FCKeditor支持多种插件,可以在其官网或社区找到许多有用的扩展,如图片上传、视频插入等。 六、注意事项 1. 为了确保编辑器正常工作,需要在服务器端设置正确的文件上传权限,以便用户可以上传图片和...

    最详细的步骤教你配置fck

    你可以根据项目需求,开发或使用现成的插件,如表格编辑、代码高亮等。 10. **兼容性和测试**: 在部署前,确保在各种目标浏览器上测试fckeditor,以确保编辑器在不同环境下都能正常工作。 通过以上步骤,你就...

    FCK案例-.net项目

    总结来说,FCK编辑器是.NET开发中一个强大的富文本编辑工具,通过其丰富的配置选项和扩展能力,可以满足各种复杂的网页内容编辑需求。在这个".net项目"中,我们可以学习到如何有效地将FCKeditor整合进.NET应用程序,...

Global site tag (gtag.js) - Google Analytics