FCKeditordemo(用JS方式)资源-CSDN文库

共219个文件

gif：108个

html：48个

js：30个

需积分: 3 174 浏览量 2010-10-26 09:01:54 上传评论收藏 326KB RAR 举报

**FCKeditor** 是一款基于JavaScript的开源富文本编辑器，它允许用户在网页上创建、编辑和格式化文本，类似于Microsoft Word的功能在Web页面上实现。这个"**FCKeditor demo (用JS方式)**"提供了如何使用JavaScript来集成和操作FCKeditor的示例。在JavaScript中使用FCKeditor，你需要先在网页中引入FCKeditor的JavaScript库。这个库包含了编辑器的核心功能和用户界面。通常，你会将`fckeditor.js`文件链接到HTML文档的`<head>`部分，这样浏览器就能加载并执行编辑器的代码。 ```html <script type="text/javascript" src="fckeditor.js"></script> ``` 一旦库被加载，你可以通过JavaScript创建FCKeditor实例。这通常在DOM加载完成后执行，例如在`window.onload`或`$(document).ready`事件中。以下是如何创建一个基本的FCKeditor实例： ```javascript var oFCKeditor = new FCKeditor( 'editor' ) ; oFCKeditor.BasePath = '/path/to/fckeditor/' ; // 设置FCKeditor的路径 oFCKeditor.Width = '100%' ; // 设置编辑器宽度 oFCKeditor.Height = '300px' ; // 设置编辑器高度 oFCKeditor.Value = '' ; // 初始化编辑器内容 oFCKeditor.Create() ; // 创建编辑器 ``` 在这个`FCKeditor-demo`压缩包中，可能包含了演示这些步骤的HTML和JavaScript文件。你可以通过查看这些文件了解如何配置和自定义FCKeditor，例如设置语言、添加按钮、禁用某些功能或者改变编辑器的样式。 FCKeditor支持多种功能，如插入图片、超链接、表格、列表等。这些功能可以通过编辑器的API来调用，使得开发者可以扩展或调整编辑器的行为。例如，插入图片的代码可能是这样的： ```javascript var oEditor = FCKeditorAPI.GetInstance('editor') ; oEditor.InsertHtml('<img src="image.jpg" alt="Image Description"/>' ) ; ``` 此外，FCKeditor还提供了事件监听机制，允许你在编辑器的特定事件（如文本更改、保存等）发生时执行自定义代码。 FCKeditor的另一个关键特性是其与服务器端的交互。编辑器的内容可以通过`GetHTML()`方法获取，然后在服务器端进行处理，比如存储到数据库。同样，你也可以通过`SetHTML()`方法设置编辑器的初始内容。需要注意的是，FCKeditor在2010年更名为CKEditor，并且有了很多更新和改进。虽然FCKeditor仍然是一个功能强大的工具，但为了获得最新的特性和安全修复，建议升级到CKEditor。 "FCKeditor demo (用JS方式)"是一个学习如何在JavaScript环境中使用富文本编辑器的宝贵资源，它涵盖了从基本配置到高级功能的各个方面。通过研究这个示例，开发者能够更好地理解如何将FCKeditor集成到自己的Web应用中，提供用户友好的文本编辑体验。

资源推荐

资源详情

资源评论

收起资源包目录

FCKeditor demo(用JS方式) （219个子文件）

spellchecker.cfm 5KB

.classpath 613B

org.eclipse.wst.common.component 456B

fck_editor.css 8KB

fck_dialog.css 2KB

fck_editorarea.css 2KB

fck_internal.css 2KB

browser.css 2KB

fck_dialog_common.css 2KB

fck_showtableborders_gecko.css 1KB

fck_universalkey.css 1KB

spellerStyle.css 888B

Thumbs.db 6KB

fck_strip.gif 4KB

keyboard_layout.gif 3KB

logo_fckeditor.gif 2KB

htm.gif 1KB

html.gif 1KB

rdp.gif 1KB

ai.gif 1KB

embaressed_smile.gif 1KB

teeth_smile.gif 1KB

shades_smile.gif 1KB

tounge_smile.gif 1KB

wink_smile.gif 1KB

sad_smile.gif 1KB

regular_smile.gif 1KB

whatchutalkingabout_smile.gif 1KB

envelope.gif 1KB

heart.gif 1012B

thumbs_down.gif 992B

thumbs_up.gif 989B

kiss.gif 978B

fla.gif 946B

logo_fredck.gif 920B

swf.gif 725B

swt.gif 724B

bmp.gif 709B

gif.gif 704B

htm.gif 621B

html.gif 621B

rdp.gif 606B

fck_flashlogo.gif 599B

pdf.gif 567B

cry_smile.gif 473B

jpg.gif 463B

avi.gif 454B

mp3.gif 454B

angry_smile.gif 453B

cake.gif 453B

angel_smile.gif 445B

devil_smile.gif 444B

broken_heart.gif 423B

template3.gif 422B

xml.gif 408B

ai.gif 403B

swf.gif 388B

swt.gif 388B

fla.gif 382B

template1.gif 375B

zip.gif 368B

omg_smile.gif 342B

template2.gif 333B

confused_smile.gif 322B

lightbulb.gif 303B

Folder32.gif 281B

vsd.gif 277B

mdb.gif 274B

js.gif 274B

xls.gif 271B

FolderOpened32.gif 264B

doc.gif 260B

dll.gif 258B

ppt.gif 254B

avi.gif 249B

mp3.gif 249B

zip.gif 235B

xml.gif 231B

pdf.gif 230B

cs.gif 224B

txt.gif 213B

fck_anchor.gif 184B

anchor.gif 184B

default.icon.gif 177B

exe.gif 170B

toolbar.expand.gif 152B

toolbar.collapse.gif 152B

mdb.gif 146B

doc.gif 140B

ppt.gif 139B

js.gif 139B

xls.gif 138B

ButtonArrow.gif 138B

vsd.gif 136B

FolderUp.gif 132B

dll.gif 132B

FolderOpened.gif 132B

Folder.gif 128B

cs.gif 128B

bmp.gif 126B

共 219 条

评论收藏

内容反馈

chenlong000704

粉丝: 0
资源: 24

FCKeditor demo(用JS方式)

FckeditorDemo

fckeditor demo

FCKeditorDemo，教你如何使用FCKeditor的相关资料

fckeditor-java-demo-2.4.1.rar_DEMO_fckeditor_fckeditor demo_fcke

FCKEditor Simple Demo

fckeditor demo工具用

FCKeditor_2.6.6.zip and FCKeditor_demo.zip.rar

.net版的在线编辑器FCkEditorDemo.rar

FCKeditor_2.6.5.zip，fckeditor-java-demo-2.5.war

FCKEditor demo

FCKEditorDemo

fckeditor-java-demo-2.4.1.war

fckeditor-java-demo

FCKeditor_2.6.4.1 demo

FCKEditor_2.6.3_Demo.zip

FCKeditor使用指南

fckeditor开发.net-Demo带上传图片功能

FCKeditor_2.6.6+demo+Java配置

fckeditor2.6.5 for jsp

fckeditor_jsp_img_upload_demo

HTML编辑器FCKeditor使用详解

FCKeditor 源代码 js bin

FCKeditor 2.6 for jsp 可以运行demo工程

FCKeditor配置详解(附完整案例)

.NET版FCKeditor在线编辑器

FCKeditor的简单使用

FckEditor在线编辑器

六音音源pc端js文件，版本1.2.0

notepad++免费安装版本，免激活

最新资源

FCKEditor　demo