`

ckeditor 设置默认格式

 
阅读更多
指定ckeditor输入框的默认编辑格式,例如字体大小,行间距等。

1,自定义插件的默认格式:
在this.setValue( '', defaultLabel );后增加
var style = styles[ defaultLabel ];
style.apply( editor.document );

原语句是为工具栏中选中默认的格式,但是并不能在输入框内也指定,
增加两个语句使输入框内也可以使用。

测试打开页面后,当鼠标焦点到ck输入框时,工具栏会自动指定为默认的格式,输入字符时查看源码为带格式代码

2,ck默认的插件,比如字体大小等,对于这些系统插件ck是默认定义在ckeditor.js的源码中的,修改起来难度很大,所以取巧换个方式
在ck的_source\plugins下有系统插件的代码,拷贝到plugins目录下,定义成一个新的外部插件,然后按【1】设置


分享到:
评论

相关推荐

    ckeditor设置行间距插件包

    ckeditor设置行间距资源包 1.下载ckeditor的行距插件包 lineheight 2.解压到ckeditor/plugins目录下 3.修改ckeditor目录下的 config.js文件

    ckeditor5编辑器

    总结来说,重构后的ckeditor5编辑器不仅集成了基本的文本编辑功能,还强化了字体设置、代码编辑和响应式设计等多个重要特性,旨在为用户提供更专业、更高效的在线编辑体验。其强大的API和模块化设计使得它成为开发者...

    CKEditor 4.0 行距插件lineheight

    默认情况下,CKEditor 4.0可能不提供直接设置行距的选项,而"lineheight"插件正好弥补了这一空白。该插件允许用户在编辑过程中方便地增加或减少文本行与行之间的距离,从而创造出更美观、更易读的文本布局。 安装...

    富文本编辑器ckeditor使用手册

    例如,可以禁用或启用某些工具栏按钮,设置默认样式,甚至自定义快捷键。 4. **插件与扩展**:CKEditor支持大量的插件和扩展,这些插件可以增加如表格编辑、代码高亮、拼写检查等功能。通过添加和配置插件,你可以...

    CKeditor 编辑器一键排版

    - **配置自动排版**:通过设置 CKeditor 的配置选项,可以开启或关闭某些排版功能,也可以调整默认的排版规则。 - **自定义事件处理**:你可以监听编辑器内的特定事件,如用户按下某个键或者选择某些操作,然后调用...

    ckeditor的demo代码

    你还可以在括号内传递一个配置对象,自定义CKEditor的行为,如设置语言、工具栏、样式集等。 CKEditor提供了丰富的API,允许开发者进行更深入的交互,比如获取或设置编辑器内容、监听事件、插入特殊元素等。例如,...

    ckeditor Demo

    它提供了一种用户友好的界面,使得非技术用户也能轻松地进行文字编辑、格式设置、图片插入等操作。这个"ckeditor Demo"很可能是为了展示CKEditor的各种功能和用法而创建的示例项目。 在"ckeditorDemo"这个压缩包中...

    ckeditor_4.8.0 asp.net源码

    5. **config.js**:这是CKEditor的全局配置文件,允许开发者设置编辑器的行为,例如默认字体、语言、工具栏布局等。开发者可以根据项目需求调整这些配置。 6. **skins** 文件夹:包含编辑器的皮肤,也就是外观样式...

    ckeditor 自定义上传图片

    然而,ckeditor默认的图片上传功能可能无法满足所有用户的需求,因此自定义上传图片就显得尤为重要。 首先,我们要理解ckeditor的插件机制。ckeditor允许开发者通过编写插件来扩展其功能。对于图片上传,我们可以...

    ckeditor5 全功能版(纯手工编译)

    这些教程通常会涵盖如何添加或移除特定插件、调整编辑器样式、配置默认设置等方面。通过这样的自定义,你可以打造一个完全符合项目需求的专属编辑器。 在压缩包中,`index.html` 文件很可能是包含 CKEditor 5 示例...

    ckeditor配置(详细)

    CKEditor是一款广泛应用于网页开发中的富文本编辑器,它提供了丰富的文本编辑功能,如格式化文本、插入图片、链接等,极大地提升了用户在网页上的编辑体验。本文将深入解析CKEditor的配置方法及常用配置参数,帮助...

    ckeditor_4.3_full

    6. **config.js** 和 **default.js**:这两个配置文件允许开发者自定义CKEditor的行为和默认设置,比如设置默认字体、字号、工具栏布局等。 7. **adapters** 文件夹:包含了一些浏览器适配器,使得CKEditor可以与...

    ckeditor富文本控件

    2. **配置**:解释如何调整CKEditor的设置,比如更改默认工具栏布局、设置语言、定义内容过滤规则等。 3. **使用教程**:详细说明如何使用编辑器的各项功能,如字体样式、段落格式、插入链接等。 4. **插件扩展**...

    ckeditor控件

    1. **丰富的文本格式化选项**:支持加粗、斜体、下划线、颜色、字体、字号等基本格式设置,还提供段落样式、列表、对齐方式、链接插入等功能。 2. **多媒体支持**:内置图片上传和管理功能,同时支持视频和音频的...

    ckeditor+ckfinder配置

    在网页编辑领域,CKEditor是一款广泛应用的富文本编辑器,它提供了丰富的文本格式化选项,使得用户可以在网页上轻松创建和编辑内容。CKFinder则是一个与CKEditor配套的文件管理工具,允许用户上传、浏览、管理和插入...

    CKEditor简单实例(适合初学者)

    1. **文本格式化**:用户可以通过CKEditor轻松设置文本的字体、大小、颜色、对齐方式等,使其看起来更加专业和吸引人。 2. **段落与区块**:支持创建段落、标题、列表等不同的文本结构,有助于组织和展示信息。 3....

    ckeditor 自动排版插件

    自动排版插件是CKEditor的一个扩展功能,旨在帮助用户快速整理和格式化输入的文字,使其符合一定的规范和样式,提高编辑效率。在这款编辑器中,自动排版功能通常包括对文本的缩进、换行、首行缩进、去除空格等操作。...

    Ext中CKEditor应用事例

    配置中的`config`对象用于设置CKEditor的各种属性,例如工具栏、语言、默认字体大小等。CKEditor还支持添加自定义插件,通过`config.extraPlugins`配置项实现。例如,如果你想要添加一个图片上传功能,可以创建一个...

    ckeditor_3.0.1的使用

    - 可以通过配置文件(`config.js`)来定制编辑器的行为,比如设置默认字体、语言、工具栏布局等。 - 部分配置项可直接在初始化时指定,例如:`CKEDITOR.replace('textarea_id', { toolbar: 'Basic' })` 创建一个...

    ckeditor4.2.2自定义配置

    CKEditor允许你控制最终HTML的输出格式,例如,设置是否允许使用特定的HTML标签或属性。例如,禁止使用`<font>`标签: ``` config.disallowedContent = 'font'; ``` 8. **加载自定义配置** 如果你的配置很复杂...

Global site tag (gtag.js) - Google Analytics