社区
CSS
帖子详情
再次挑衅FCKeditor
meconsea
2006-08-19 09:52:29
有人做过FCKeditor吗?请问他的可编辑框是一个textarea还是一个div?在哪个文件中create的。我搞不明白,请高手赐教!
...全文
349
8
打赏
收藏
再次挑衅FCKeditor
有人做过FCKeditor吗?请问他的可编辑框是一个textarea还是一个div?在哪个文件中create的。我搞不明白,请高手赐教!
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
8 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
BlueDestiny
2006-09-26
打赏
举报
回复
iframe
and
designMode="on"
meconsea
2006-09-24
打赏
举报
回复
搞定了。
cceon
2006-09-24
打赏
举报
回复
IFrame
dsclub
2006-08-21
打赏
举报
回复
IFrame可以编辑吗?
---------------------
我建议去好好读读Editor的实现代码
dsclub
2006-08-20
打赏
举报
回复
是一个IFrame
飘零雾雨
2006-08-20
打赏
举报
回复
原来是个噱头!^_^
meconsea
2006-08-20
打赏
举报
回复
IFrame可以编辑吗?
加入我想让他支持MathXML我怎么处理? 请高手赐教!
chouchy
2006-08-20
打赏
举报
回复
标题好唬人!
F
CKeditor
2.6.6 可直接使用
比起
ckeditor
编辑器,还是觉得这个好用,可直接复制到自己的项目上去使用,使用文档里有使用指南!
f
ckeditor
2.6.3 完整版
1.下载最新版的F
CKEDITOR
2.解压缩到你的站点根文件夹中名为F
CKEDITOR
的文件夹中(名称必须为F
CKEDITOR
,因为配置文件中已经使用此名称来标示出F
CKEDITOR
的位置) 3.现在,编辑器就可以使用了,如果想要查看演示,可以按下面方法访问: http:///F
CKeditor
/_samples/default.html 注意:你可以将F
CKEDITOR
放置到任何文件夹,默认情况下,将其放入到F
CKEDITOR
文件夹是最为简单的方法.如果你放入的文件夹使用别的名称,请修改配置文件夹中编辑器BasePath参数,如下所示: oF
ckeditor
.BasePath="/Components/f
ckeditor
/"; 另外,F
CKEDITOR
文件夹中所有以下划线开头的文件夹及文件,都是可选的,可以安全的从你的发布中删除.它们并不是编辑器运行时必需的 如何将F
CKEDITOR
整合进我的页面? 由于目前的版本提供的F
CKEDITOR
仅提供了JAVASCRIPT式的整合,因此,这里仅讲述如何应用JAVASCRIPT来整合F
CKEDITOR
到站点中,当然,其他各种语言的整合,你可以参考_samples文件夹中的例子来完成 1,假如编辑器已经安装在你的站点的/F
CKEDITOR
/文件夹下.那么,第一步我们需要做的就是在页面的HEAD段中放入SCRIPT标记以引入JAVASCRIPT整合模块.例如: 其中路径是可更改的 2,现在,F
CKEDITOR
类已经可以使用了.有两个方法在页面中建立一个F
CKEDITOR
编辑器: 方法1:内联方式(建议使用):在页面的FORM标记内需要插入编辑器的地方置入以下代码: script type="text/javascript"> var oF
CKeditor
= new F
CKeditor
( 'F
CKeditor
1' ) ; oF
CKeditor
.Create() ; 方法2:TEXTAREA标记替换法(不建议使用):在页面的ONLOAD事件中,添加以下代码以替换一个已经存在的TEXTAREA标记 window.onload = function() { var oF
CKeditor
= new F
CKeditor
( 'MyTextarea' ) ; oF
CKeditor
.ReplaceTextarea() ; } This is the initial value. 3.现在,编辑器可以使用了 F
CKEDITOR
类参考: 下面是用来在页面中建立编辑器的F
CKEDITOR
类的说明 构造器: F
CKeditor
( instanceName[, width, height, toolbarSet, value] ) instanceName:编辑器的唯一名称(相当于ID) WIDTH:宽度 HEIGHT:高度 toolbarSet:工具条集合的名称 value:编辑器初始化内容 属性: instanceName:编辑器实例名 width:宽度,默认值为100% height:高度,默认值是200 ToolbarSet:工具集名称,参考FCKCONFIG.JS,默认值是Default value:初始化编辑器的HTML代码,默认值为空 BasePath:编辑器的基路径,默认为/F
ckeditor
/文件夹,注意,尽量不要使用相对路径.最好能用相对于站点根路径的表示方法,要以/结尾 CheckBrowser:是否在显示编辑器前检查浏览器兼容性,默认为true DisplayErrors:是否显示提示错误,默为true; 集合: Config[Key]=value; 这个集合用于更改配置中某一项的值,如 oF
ckeditor
.Config["DefaultLanguage"]="pt-br"; 方法: Create() 建立并输出编辑器 RepaceTextArea(TextAreaName) 用编辑器来替换对应的文本框 如何配置F
CKEDITOR
? F
CKEDITOR
提供了一套用于定制其外观,特性及行为的设置集.主配置文件名为Fckconfig.js 你既可以编辑主配置文件,也可以自己定义单独的配置文件.配
最新F
CKeditor
_2.6 版本 F
CKeditor
编辑器和控件
兼容目前的浏览器 里面包含F
CKeditor
编辑器和控件 一、集成方法 F
CKeditor
应用在ASP.NET上,需要两组文件,一组是F
CKeditor
本身,另一个是用于ASP.NET的F
CKeditor
控件(分为1.1和2.0两个版本,这里使用2.0版本)。 1. 将F
CKeditor
加入到项目中 解压F
CKeditor
编辑器,得到文件夹f
ckeditor
,复制此文件夹到Web应用的项目下(也可以是子孙目录下)。 解压F
CKeditor
控件,在其子目录bin/Release/2.0下有一个程序集。在Web应用的项目中引用该程序集。 2. 在页面中使用F
CKeditor
有两种方式。 (1)手工编码 在页面中加入ASP.NET指令: 然后在需要的地方加入F
CKeditor
控件: (2)集成到Visual Studio工具箱 打开一ASP.NET页面,展开Toolbox,打开右键菜单,选择“Choose Items ...”,在出现的“Choose Toolbox Items”会话框的“.NET Framework Components”选项卡中选择“Browse”,找到并选中F
CKeditor
程序集,打开后回到“Choose Toolbox Items”窗口,点击“OK”,完成控件导入。 这时,在Toolbox的General分类下出现了一个名为F
CKeditor
的控件,可以像使用Visual Studio内置控件一样使用它。 3. 配置F
CKeditor
编辑器路径 在页面中,使用的是F
CKeditor
控件,该控件需要知道F
CKeditor
编辑器文件组的路径。有两种配置方法。 (1)配置web.config 在appSettings配置节中加入 使用这种配置方法后,对于项目中任何一个页面中用到的F
CKeditor
控件,都不用再配置其BasePath属性。 (2)直接对用到的F
CKeditor
控件进行配置 在页面代码中设置F
CKeditor
的属性BasePath为F
CKeditor
编辑器文件组的路径,或者在Page_Init事件处理器中设置其BasePath的值。 4. 配置F
CKeditor
编辑器文件上传路径 在web.config的appSettings配置节中加入 这样,就完成了F
CKeditor
向ASP.NET页面的集成工作。 二、配置F
CKeditor
按照F
CKeditor
的默认配置,可以完成一些常用的HTML可视化编辑工作,但在实际应用中,还需要对其做进一步的配置。F
CKeditor
控件的可配置属性不多,且配置后只能作用于一个单一实例。实际上,需要对F
CKeditor
编辑器文件组中的通用配置文件/fckconfig.js和ASP.NET专用文件上传管理代码文件/editor/filemanager/connectors/aspx/config.ascx进行配置。 1. 配置控件语言 F
CKeditor
是自动探测浏览器所使用的语言编码的,其默认语言是英文。修改配置行"FCKConfig.DefaultLanguage = 'en';"为'zh-cn',采用中文为默认语言。 2. 配置控件应用技术 F
CKeditor
默认是用于php技术的。修改配置行"var _FileBrowserLanguage = 'php';"和"var _QuickUploadLanguage = 'php';"为'aspx',采用ASP.NET技术。 3. 配置Tab键 默认Tab键在F
CKeditor
中不可用,可以修改配置行"FCKConfig.TabSpaces = 0;"为1,启用Tab键。 4. 定制FCKe
F
CKeditor
使用指南
此文档的目录结构: 1 F
CKeditor
的下载及介绍 4 1.1 下载地址 4 1.2 F
CKeditor
下载包的介绍 4 2 F
CKeditor
的目录和文件精简 4 3 在页面创建F
CKeditor
4 3.1 Js创建F
CKeditor
实例: 4 3.1.1 方法一:内嵌方法(推荐) 4 3.1.2 方法二:替换页面中的Textarea 5 3.1.3 方法三:适合于Ajax的调用方法 6 3.1.4 Js中F
CKeditor
对象的属性(集合)和方法 6 3.1.4.1 属性 6 3.1.4.2 集合 7 3.1.4.3 方法 7 3.1.5 F
CKeditor
的JS构造器 9 3.1.6 将从后台读取的数据显示在F
CKeditor
中 9 3.2 在Jsp中通过自定义标签创建: 9 3.3 F
CKeditor
API 调用 10 3.4 适时打开编辑器 10 4 修改F
CKeditor
的配置: 11 4.1 方法一:修改fckconfig.js 文件 11 4.2 方法二:使用一个额外的配置文件覆盖默认配置 11 4.3 配置的加载顺序 11 4.4 提示 11 4.5 一般需要修改的配置项 11 4.5.1 默认语言 11 4.5.2 自定义ToolbarSet, 去掉一些不需要的功能 12 4.5.3 加上几种常用的字体 13 4.5.4 修改“回车” 和 “Shift + 回车”的换行行为 13 4.5.5 修改编辑区的样式文件 14 4.5.6 更换表情图片 14 4.5.7 编辑区域的右键菜单功能 14 4.6 fckconfig.js配置参数选项说明 15 4.7 自定义工具栏按钮 17 4.8 自定义右键菜单 18 5 文件上传问题 19 5.1 开启和关闭文件上传功能(fckconfig.js) 19 5.2 文件上传的基本使用 19 5.3 上传中文文件名的文件会出现乱码 20 5.4 创建中文名目录会出现乱码 21 5.5 引用中文名文件的图片不能正常显示 21 5.6 控件允许上传的文件的类型 22 5.7 控制上传的文件的大小 22 5.8 增加文件删除功能 23 6 超连接重定位问题 25 7 使用F
CKeditor
的API 26 7.1 获得F
CKeditor
的实例 26 7.1.1 获得当前页F
CKeditor
实例 26 7.1.2 从F
CKeditor
的弹出窗口中获得F
CKeditor
实例 26 7.1.3 从框架页面的子框架中获得其它子框架的F
CKeditor
实例 26 7.1.4 从页面弹出窗口中获得父窗口的F
CKeditor
实例 26 7.2 常见的Js方法调用 27 7.2.1 插入HTML到F
CKeditor
27 7.2.2 设置F
CKeditor
的内容(HTML) 27 7.2.3 获取F
CKeditor
中的XHTML 27 7.2.4 获取F
CKeditor
中的innerHTML和innerText 27 7.2.5 执行指定动作 28 7.2.6 统计编辑器中内容的字数 29 7.2.7 检查F
CKeditor
中的内容是否有改动 29 7.2.8 将F
CKeditor
中的内容是否有改动的值重新设置 29 8 外联编辑条(多个编辑域共用一个编辑条) 29 9 解释fck样式(CSS)的工作原理 30 10 获取F
CKeditor
中插入的图片 31
F
CKeditor
_2.6.3.zip+F
CKeditor
-2.3.zip
F
CKeditor
是一个专门使用在网页上属于开放源代码的所见即所得文字编辑器。它志于轻量化,不需要太复杂的安装步骤即可使用。它可和PHP、JavaScript、ASP、ASP.NET、ColdFusion、Java、以及ABAP等不同的编程语言相结合。“F
CKeditor
”名称中的“FCK” 是这个编辑器的作者的名字Frederico Caldeira Knabben的缩写。 F
CKeditor
相容于绝大部分的网页浏览器,像是 : Internet Explorer 5.5+ (Windows)、Mozilla Firefox 1.0+、Mozilla 1.3+ 和 Netscape 7+。在未来的版本也将会加入对 Opera 的支援。
CSS
61,125
社区成员
60,706
社区内容
发帖
与我相关
我的任务
CSS
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
复制链接
扫一扫
分享
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章