电子技术论坛_中国专业的电子工程师学习交流社区-中电网技术论坛

标题: CKEditor 介绍（2） [打印本页]

作者: look_w 时间: 2018-9-19 20:03 标题: CKEditor 介绍（2）

功能特色盘点作为一个 Web 文本编辑器，除了具备一些常用的基本功能外，CKEditor 还拥有许多独有的特色，接下来我们将对其做一盘点。
丰富的样式选择在 CKEditor 中，我们不仅可以很方便地对编辑正文使用像粗体、斜体这样的简单样式，还可以使用带有语义规则的复杂样式。这些样式可以预先定义好，使用时只需在样式下拉列表中选取即可。如下图所示，利用预定义样式，我们还能够实现“彩笔”功能，对不同的文本进行着色标示，加以区分。
图 1. 样式选择

为了便于导入 Word 文档的内容，CKEditor 还提供了“从 MS Word 粘贴”的功能

，利用它，在本地 Word 环境里所使用的编辑样式，会被原封不动的保留下来。
超强的编辑功能除了简单的链接插入外，CKEditor 还支持许多高级特性，比如我们可以选择点击链接后以弹出窗口的方式打开链接，并且我们还能进一步控制弹出窗口的各种属性。
图 2. 编辑链接

对于 E-mail 类型的链接，我们甚至还可以预先设置好邮件的标题和正文。
图 3. 电子邮件链接

友好的用户界面为了方便文本编辑，尤其是处理大段文本或大尺寸图表的情况，CKEditor 提供了一个“最大化”功能

，只要点击一下，编辑区域就可以延伸至整个窗口，从而使用户可以在更大空间范围内进行编辑。任何时候，你还可以通过再次点击该按钮，将编辑区域还原。此外，我们还可以拖拽编辑器右下角，根据自己的需要对编辑区域的大小进行任意调整。
如果你想了解当前文本的段落结构，可以选择“显示区块”的功能

。它会以可视化的方式显示出文档的各个段落，以便于你对文档结构进行有效的控制。
图 4. 显示区块

对于页锚的插入，CKEditor 同样也采用了可视化的方式。它会在插入页锚的位置放置一个标记

，这使得我们对页锚的管理变得更加简单和直观。
此外，CKEditor 还提供了“查找和替换”功能，即使是混合样式的文字（比如一半是粗体一半是斜体），也照样能够正确捕获。而在替换方面，CKEditor 还支持文字的批量替换。
丰富的内容支持除了文本，CKEditor 还支持插入图片、Flash、表格、表单等，以及表情符号和特殊符号等。不仅如此，它还提供了模板功能。使用“插入模板”这一功能，你可以复用预先定义好的 HTML 模板，从而使网站页面布局保持一致的风格。
图 5. 模板

欢迎光临电子技术论坛_中国专业的电子工程师学习交流社区-中电网技术论坛 (http://bbs.eccn.com/)