概述

编辑器是一个类似于Word的在线文字编辑工具，区别于普通的文本框，它能够设置文本的格式和样式，并插入图片、链接（文件）等多种元素，以所见即所得的方式进行编辑。

基本操作
  • 如果还不熟悉编辑器，请将鼠标移到各个工具图标上，通过悬浮提示来了解它们的作用；分别在编辑区选中和未选中内容时，点击右键来查看可用的菜单；
  • 在输入文本时，直接回车将会另起一段，如果只是想换行，请按住Shift键再按回车键；
  • 编辑器中的段落默认没有缩进，如果需要，请选择“样式”下拉框中的“首行缩进”；
  • 点击工具栏 图标可插入附件；
  • 要控制打印时的分页，可使用工具栏的“插入分页符”功能。
布局元素 （点击工具栏 图标插入）

多标签页组件

北京 · 内容区 | 编辑器中右键可删除/插入标签页
上海 · 内容区 | 编辑器中右键可删除/插入标签页
广州 · 内容区 | 编辑器中右键可删除/插入标签页

多列布局

第 1 列 | 编辑器中右键可删除或插入列
第 2 列 | 编辑器中右键可删除或插入列
预置样式

编辑器预置了很多样式，可从工具栏“样式”下拉框选用，提高排版效率和效果：

折叠栏 A

在排版中，对比、对齐、留白、层次感，是最基本且最有效的四大原则。 例如，合理使用间距、 字体大小（font-size） 和行高（line-height），可以让你的排版既美观又易读！✨

折叠栏 B

在排版中，对比、对齐、留白、层次感，是最基本且最有效的四大原则。 例如，合理使用间距、 字体大小（font-size） 和行高（line-height），可以让你的排版既美观又易读！✨

折叠栏 C

在排版中，对比、对齐、留白、层次感，是最基本且最有效的四大原则。 例如，合理使用间距、 字体大小（font-size） 和行高（line-height），可以让你的排版既美观又易读！✨

卡片

在排版中，对比、对齐、留白、层次感，是最基本且最有效的四大原则。 例如，合理使用间距、 字体大小（font-size） 和行高（line-height），可以让你的排版既美观又易读！✨

炫彩边框

在排版中，对比、对齐、留白、层次感，是最基本且最有效的四大原则。 例如，合理使用间距、 字体大小（font-size） 和行高（line-height），可以让你的排版既美观又易读！✨

提示信息

在排版中，对比、对齐、留白、层次感，是最基本且最有效的四大原则。 例如，合理使用间距、 字体大小（font-size） 和行高（line-height），可以让你的排版既美观又易读！✨

引用

在排版中，对比、对齐、留白、层次感，是最基本且最有效的四大原则。 例如，合理使用间距、 字体大小（font-size） 和行高（line-height），可以让你的排版既美观又易读！✨

立体框

在排版中，对比、对齐、留白、层次感，是最基本且最有效的四大原则。 例如，合理使用间距、 字体大小（font-size） 和行高（line-height），可以让你的排版既美观又易读！✨

代码区

.divider {
    border: none;
    border-top: 2px solid #ddd;
    margin: 20px 0;
    width: 100%;
}

蓝色渐变标题

在排版中，对比、对齐、留白、层次感，是最基本且最有效的四大原则。 例如，合理使用间距、 字体大小（font-size） 和行高（line-height），可以让你的排版既美观又易读！✨

侧边条标题

在排版中，对比、对齐、留白、层次感，是最基本且最有效的四大原则。 例如，合理使用间距、 字体大小（font-size） 和行高（line-height），可以让你的排版既美观又易读！✨

炫彩标题

在排版中，对比、对齐、留白、层次感，是最基本且最有效的四大原则。 例如，合理使用间距、 字体大小（font-size） 和行高（line-height），可以让你的排版既美观又易读！✨

立体阴影标题

在排版中，对比、对齐、留白、层次感，是最基本且最有效的四大原则。 例如，合理使用间距、 字体大小（font-size） 和行高（line-height），可以让你的排版既美观又易读！✨

下划线标题

在排版中，对比、对齐、留白、层次感，是最基本且最有效的四大原则。 例如，合理使用间距、 字体大小（font-size） 和行高（line-height），可以让你的排版既美观又易读！✨

简单标题

在排版中，对比、对齐、留白、层次感，是最基本且最有效的四大原则。 例如，合理使用间距、 字体大小（font-size） 和行高（line-height），可以让你的排版既美观又易读！✨

双边框标题

在排版中，对比、对齐、留白、层次感，是最基本且最有效的四大原则。 例如，合理使用间距、 字体大小（font-size） 和行高（line-height），可以让你的排版既美观又易读！✨

彩色文字标题

在排版中，对比、对齐、留白、层次感，是最基本且最有效的四大原则。 例如，合理使用间距、 字体大小（font-size） 和行高（line-height），可以让你的排版既美观又易读！✨

居中标题

在排版中，对比、对齐、留白、层次感，是最基本且最有效的四大原则。 例如，合理使用间距、 字体大小（font-size） 和行高（line-height），可以让你的排版既美观又易读！✨

通栏渐变标题

在排版中，对比、对齐、留白、层次感，是最基本且最有效的四大原则。 例如，合理使用间距、 字体大小（font-size） 和行高（line-height），可以让你的排版既美观又易读！✨

分隔线

 

浅绿区

在排版中，对比、对齐、留白、层次感，是最基本且最有效的四大原则。 例如，合理使用间距、 字体大小（font-size） 和行高（line-height），可以让你的排版既美观又易读！✨

浅蓝区

在排版中，对比、对齐、留白、层次感，是最基本且最有效的四大原则。 例如，合理使用间距、 字体大小（font-size） 和行高（line-height），可以让你的排版既美观又易读！✨

浅黄区

在排版中，对比、对齐、留白、层次感，是最基本且最有效的四大原则。 例如，合理使用间距、 字体大小（font-size） 和行高（line-height），可以让你的排版既美观又易读！✨

浅红区

在排版中，对比、对齐、留白、层次感，是最基本且最有效的四大原则。 例如，合理使用间距、 字体大小（font-size） 和行高（line-height），可以让你的排版既美观又易读！✨

高亮区

在排版中，对比、对齐、留白、层次感，是最基本且最有效的四大原则。 例如，合理使用间距、 字体大小（font-size） 和行高（line-height），可以让你的排版既美观又易读！✨

浅灰区 & 图标

🚀💯✅💖⭐🌈🌸🌹🎉🔴🟢🔵

标签

蓝色 绿色 黄色 红色

按钮

文字样式

几种文字样式预览：荧光笔标注，动态醒目，文字阴影