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

共219个文件

gif：108个

html：48个

js：30个

需积分: 3 43 浏览量 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

swt.gif 388B

swf.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

js.gif 274B

mdb.gif 274B

xls.gif 271B

FolderOpened32.gif 264B

doc.gif 260B

dll.gif 258B

ppt.gif 254B

mp3.gif 249B

avi.gif 249B

zip.gif 235B

xml.gif 231B

pdf.gif 230B

cs.gif 224B

txt.gif 213B

anchor.gif 184B

fck_anchor.gif 184B

default.icon.gif 177B

exe.gif 170B

toolbar.collapse.gif 152B

toolbar.expand.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方式)

FCKEditor Simple Demo

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

fckeditor demo

FCKeditor 源代码 js bin

JSP 页面中使用FCKeditor控件(js用法)

fckeditor_2.6.3_Full

FCKEditor 一款开源的非常优秀的WEB在线编辑器

ckeditor+ckfinder 编辑器(fckeditor的升级版)

zk-demo-3.5.2.zip_ruby _ui_zk ajax_zk demo zip_zkdemo3 download

ezEditor在线编辑器

FCKPro(aspx)

jQuery获取剪贴板内容的方法

X-Blog V1.0 正式版

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

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

echarts 全国地图json数据

element-ui v2.15.13离线文档.rar

axure谷歌浏览器插件

仲恺ZK-信计专业《WEB程序设计》历年试卷

个人网页制作 大学生个人网页设计 个人网站模板 简单静态HTML个人网页作品 个人博客

13款echarts可视化大屏源码+效果图，适用于多个行业可视化大屏，免费下载

微信小程序登录注册界面代码，包含当前界面的所有源码，使用手机验证码注册或账号登录

marktext0.17.1中文版本-【免费资源未商用不存在版权问题】-【请审核大大放过】.zip

超星学习通学习专用浏览器

Vue3项目练习静态资源assets

Axure设计之日期时间范围选择器.rp

html网页做的动态爱心（超好看）

web前端网页设计作品web期末大作业web前端作业网页制作代码web大作业制作网页代码

基于SpringBoot+Vue的学生选课管理系统的毕业设计，Vue+SpringBoot+MybatisPlus+MySQL

最新资源

个人网页制作大学生个人网页设计个人网站模板简单静态HTML个人网页作品个人博客