如何利用编辑器中表格功能

一、使用场景

在图文展示模块、编辑文章、编辑产品详情等地方都会有编辑器,我们可以利用编辑器中的表格功能实现“文字,图片排版对齐”的效果,本教程以文字对齐为例进行说明。

效果图如下:组文字横向排列,且点击文字能实现跳转效果。

1610613476-45d7d5c4a3eeb73

二、具体操作

2.1、进入电脑版网站设计页面,点击页面左侧的“模块”按钮,在“新增模块-基础”中,找到并添加“图文展示”模块。

1610613477-070e2948e9374241610613478-ae86cab50e04d16

2.2、在图文展示模块的编辑器中,插入表格。填写需要的行数、列数,并将表格边框大小设置为0。设置为0后,可实现“表格不带有边框”的效果。

1610613479-ac8bd910a2ec74b

1610613480-3ea12a3a315076d

2.3、插入表格后,在表格中填写文字,并根据实际需求调整文字的字体、大小、颜色等。

1610613481-6b4ada9f54f7b46

2.4、如需要文字做超链接效果,请添加文字后,选择需要加超链接的文字,然后点击“超链接”按钮设置。可根据实际需求设置链接到某篇文章、某个栏目页面等。

1610613482-1955a7b754d2330

2.5、表格添加完毕后,可将鼠标悬停在图文展示模块上,点击编辑栏的“设置样式”按钮,然后在左侧的样式面板中,进入“自定义样式-内容区”中,自定义链接文字效果,如字体、字号、下划线等。

1610613484-bf8b6c93ff1a1fa

1610613485-0a5f49ef20448b1

将鼠标悬停在图文展示模块上,点击编辑栏的“隐藏外框”按钮,可隐藏模块标题栏。

1610613488-c149f3425afc9bc

操作以上步骤后即可实现示例效果,如需要在表格中添加图片,操作步骤同理。

免责申明:
1. 本站所有教程、文章或资源分享目的仅供大家学习和交流,可进群讨论!
2. 如有无法查看或链接失效,烦请报告联系管理员处理!
3. 本站无法保证资源或其时效性,恕不接受任何提问。
本站资源素材仅提供学习的平台,所有资料均来自于网络,版权归原创者所有!本站不提供任何保证,并不承担任何法律责任,如果对您的版权或者利益造成损害,请提供相应的资质证明,我们将于3个工作日内予以删除。本作品采用BY-NC-SA 4.0 《国际知识共享署名许可协议4.0》 进行许可 。
本站所有图片素材均享自由版权下创作共用CC0协议。
沙周,沙周云,沙周智能营销 » 如何利用编辑器中表格功能

沙周云是一家企业SaaS化智能营销服务平台,专注于为企业提供互联网+技术、产品、服务、资源的创新与整合,为企业互联网商业转型提供全方位应用支撑,致力于打造企业SaaS智能营销服务云平台。

立即查看 了解详情