前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >概览 - 构建文档 - ckeditor5中文文档

概览 - 构建文档 - ckeditor5中文文档

作者头像
ianzhi
发布2019-07-31 12:45:16
7.5K0
发布2019-07-31 12:45:16
举报
文章被收录于专栏:LNMP开发那些事LNMP开发那些事

概览

ckeditor 5构建版本是一些被准备好的富文本编辑器的集合。每一个“构建版本”提供一个包含一系列特性和一个默认配置的编辑器。他们提供了方便的解决方案,不需要你去自己动手并且满足大多数人对于编辑器的需求。

可用构建版本

下面是ckeditor 5当前可用的构建版本:

Classic editor

Classic editor 是大多数用户已经习惯的富文本编辑器 - 一个工具栏和一个编辑区域放在页面的某个位置,通常作为表单的一部分用来向服务器提交一些内容。

当编辑器初始化时隐藏页面上使用的可编辑元素并且替换掉它。这是经常使用<textarea>元素去替换它的原因。

在ckeditor 5中,“盒子”编辑器的概念被修改了:

  • 当用户向下滚动页面,工具栏现在总是可见的。
  • 编辑器内容现在放置在页面内(并没有使用<iframe>元素) - 它现在更易于去修改样式了。
  • 默认情况下,编辑器大小现在将跟随内容变化。

尝试使用它,请查看 经典编辑器示例。在快速开始页面去开始使用它。

Inline editor

Inline 编辑器带有一个浮动的工具栏,当编辑器获取焦点(例如,点击编辑器)时它就会出现。不像classic编辑器,inline编辑器并不替换掉给定的元素,而只是简单的使它可编辑。这样做的后果是被编辑的内容只有当编辑器被创建后,编辑内容的样式才会出现。

常见情况下,使用inline编辑器提供给用户一个种可能,即编辑内容在它本身的位置,而不必在管理端来做这些。

尝试在线使用,请查看inline编辑器示例。查看快速开始来使用它。

Balloon编辑器

balloon编辑器非常类似于行内编辑器。不同点在于balloon编辑器的工具栏出现在选区(当选区不为空的时候)附近:

尝试在线使用,请查看balloon编辑器示例。查看快速开始去使用它。

Document 编辑器

Document编辑器专注于富文本编辑体验类似于word处理器。它适用于创建用于打印或者导出为PDF文件的文档。

在线试用,请点击document编辑器示例。查看快速开始来使用它。

自定义构建

每一个构建版本都默认带有一些特性和他们默认的配置。尽管构建版本尝试尽量去满足很多人的需要,在一些情况下,他们可能仍然需要被调整。下面列出的这些修改时可能的:

  • 你可以重写默认的特性配置(例如不同的图片样式或者标题级别)
  • 你可以修改默认的工具栏配置(例如移除撤销/重做按钮)
  • 你也可以移除特性(插件)

更多请查看配置向导。

如果一个构建版本没有提供必要的特性或者你想去创建一个仅仅包含你需要的特性的高度优化的构建版本,你需要去自定义构建或者创建一个全新的。查看自定义构建来获取如何修改默认构建版本来匹配你的需要。

附加信息

构建版本是如何被设计出来的

每一个构建版本都设计用来尽可能多的匹配用户需求。他们的不同点在于ui,ux(用户体验)和特性,并且基于下面的途径:

  • 包含一系列被编辑器建议项目推荐的特性
  • 包含的特性被用于创建高质量的内容
  • 提供尽可能通用的配置,基于研究和社区反馈
用例

每一个构建版本适用于几个不同的用例。思考在应用中书写富文本编辑器可能用到的内容。

下面是一些公共用例:

  • 在内容管理系统中:
    • 写文章或者网站内容的表单
    • 在线编辑页面前端样式
    • 评论
  • 在商场和自动销售应用中:
    • 发送一个邮件活动
    • 创建模板
  • 在论坛应用中:
    • 创建主题和回复
  • 在团队合作应用中:
    • 创建共享文档
  • 其他用例:
    • 用户个人信息边际页面
    • 写书应用
    • 社会消息和内容共享
    • 招聘软件中创建广告
当不能使用构建版本时?

在下面这些用例中,应该使用ckeditor5框架,而不是构建版本:

  • 当你想去创建你自己的文本编辑器并且拥有对它从ui到特性每个方面的控制权的时候
  • 当构建版本的解决方案不适合你的特殊用途时

在下面的用例中,你应该使用ckeditor4:

  • :需要做旧浏览器适配的时候
  • 如果ckeditor4包含你需要的特性,但是ckeditor5还没有的时候
  • 如果ckeditor4已经在你的应用中使用,并且你还没有准备好去用ckeditor5替换它的时候

下面的用例,你应该使用消息:

  • 当你需要一个简单的方式在你的应用中实现创建满足以下特性的文章和文档:
    • 实时共享书写
    • 在线评论和讨论内容
    • 高级书写特性

文章作者ianzhi,原文地址:https://cloud.tencent.com/developer/article/1476858

文章版权归作者所有,转载请保留此声明。

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2018-11-21,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 概览
    • 可用构建版本
      • Classic editor
      • Inline editor
      • Balloon编辑器
      • Document 编辑器
      • 自定义构建
    • 附加信息
      • 构建版本是如何被设计出来的
      • 用例
      • 当不能使用构建版本时?
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档