文本编辑组件(文档)

标题设计组件-是我们编辑站点的时候,最常用到的组件之一,它的使用功能非常简单,调整下字体大小,和颜色,文本对齐方式即可完成编辑。

点击查看”示例和视频操作” >>

 

1,如何插入设计组件

只需从左侧的组件控制面板【基础组件】中 ,选中组件后点击鼠标左键拽住并拖放到编辑面板处即可,如下图所示

 

 

为了易于理解及操作,下面的操作我们只说明常用的内容和样式设置因为并不是每一个选项都是我们设计的时候需要用到的。

 

2,内容选项卡

内容选项卡设置如下图,您可以看到有多个设置选项来控制标题组件的显示属性。

 

2.1,文本编辑 – 模块,如下图, 点击选项卡后进入设置界面,左侧的这个编辑器和我们平时编辑文章页面的编辑器功能基本类似。

(1)文本编辑:输入文本内容在内容区域,

(2)左右间距宽度: 这个属性的应用场景是当内容比较长的时候,我们希望它可以以两行或多行来显示,以达到美观作用这个时候,我们会使用到这个属性选项进行编辑。

 

 

左侧编辑器有个拓展按钮,点击最后一个类似“小键盘”的图标 如下图“h”处,编辑器下方会显示出,所有可用于编辑文本的功能图标。

下列根据图片坐标位置说明图标功能

(1)设置段落的字体 (2)文本缩进+ 增加 (3) 文本缩进- 减少

(4)设置链接  (5)字体斜体(6)字体下划线

(7)清除所选字体样式,还原文本

(8)开启文本模式,在复制黏贴的时候,不带样式,只粘贴纯文本

(9)字体颜色 (a)字体背景色 (b) 删除线

(c)与(d)都是分类列表  (e)分割线

(f)表格组件, 属于复杂的编辑模块组件,为开发人员保留此功能选项。在当前组件处不推荐使用表格功能

 

 

 

 

2.2,跳转链接- 模块,如下图,点击选项卡后进入设置界面

(1)跳转链接: 给内容设置默认的链接页面或文章

 

 

 

3,样式选项卡

样式选项卡设置如下图,您可以看到有多个设置选项来控制组件的显示属性。点击下图蓝色选项卡“样式”,进入样式配置页面

3.1 文本样式- 模块,如下图, 点击选项卡后进入设置界面

(1)字体设置:设置默认文本内容字体,可以设置字体大小,粗细。另外字体设置支持“响应式字体设置”,你可以设置站点在“IPAD”,‘手机’端上需要适配的标题字体大小,来给访客更好的视觉体验。如果文本内容,某些编辑区域在文本编辑器中设置了字体样式,则当前选项属性不会生效。

(2)对齐:设置文本对齐位置 。靠左,居中,靠右

(3)文本颜色 :文本内容颜色

(4)鼠标悬停 :鼠标悬停在文本内容之上,字体改变的颜色。

 

 

 

恭喜你已完成当前组件的学习,感谢阅读。

 

评论

数据加载中...
数据加载中...

产品标题

剩余 0

购买数量
- +
确认删除?
扫一扫分享到微信朋友圈

立刻分享给好友

点击屏幕右上角将本页面分享给好友

知道了