CKEditor的API查看_html/css_WEB-ITnose

php中文网
发布: 2016-06-24 11:32:05
原创
1254人浏览过

概述

在写上一篇随笔的过程中翻看了ckeditor的api,现在把相关的经验记录下来。

CKEditor的相关文档地址:http://docs.ckeditor.com/#,API在第二个标签页;第一个是主页,第三个是指南。

图标解析

导航栏

 

导航栏提供了两种视图:按照包结构、按照继承关系。

立即学习前端免费学习笔记(深入)”;

包结构中有三种图标:

1. 粉红色的表示单例类,名称即是实例名

2. 淡蓝色的表示普通类,需要实例化

3. 木色的表示分组、分类

内容栏

1. 成员

CKEDITOR包含了四种成员,分别是配置属性、属性、方法和事件。每种成员的图标上有对应的数量,鼠标悬浮在图标上,可以得到一份清单,可以快速定位到对应的成员。

2. 搜索框

智谱清言 - 免费全能的AI助手
智谱清言 - 免费全能的AI助手

智谱清言 - 免费全能的AI助手

智谱清言 - 免费全能的AI助手 2
查看详情 智谱清言 - 免费全能的AI助手

明确标明了Filter class members,所以只对成员名称的内容有效,而不是全文搜索。

3. Show

这是一个过滤器,你可以选择显示哪些内容。

4. 其他

后面的内容就是针对各个成员的介绍。

试炼

1、激活控件

在上一文中,我们使CKEDITOR.replace("editor");来激活控件,应该在CKEDITOR类查找replace方法:

2、获取控件实例

在上一文中,我们使用CKEDITOR.instances.editor来获取名称为editor的实例,应该在CKEDITOR类查找instances属性:

可以看到,每一个控件实例,是CKEDITOR.editor的实例。

3、获取实例初始化完成的事件

CKEDITOR.editor的事件中,查找instanceReady:

 

对于一个类的事件,我们可以用instance.on("instanceName", function(evt) {} )的方式来使用。

 

Technorati 标签: CKEditor API

HTML速学教程(入门课程)
HTML速学教程(入门课程)

HTML怎么学习?HTML怎么入门?HTML在哪学?HTML怎么学才快?不用担心,这里为大家提供了HTML速学教程(入门课程),有需要的小伙伴保存下载就能学习啦!

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号