如何购买
1
登录您的BeikeShop商城后台
2
点击右上角“插件市场”
3
选择需要购买的插件
4
购买&安装
插件描述
Rich Text 富文本装修模块
概述
Rich Text 是一个为商城后台「设计 → 装修」功能增加富文本内容展示模块的插件。它以「标题 + 富文本描述 + 行动号召按钮」的居中文本区块形式，介绍品牌故事、活动信息或官方公告。支持丰富的样式自定义：内容留白（PC/移动端独立）、PC最大宽度、文字对齐方式、内容圆角，以及背景色、文字色、按钮色等颜色配置。非常适合用于首页品牌介绍区、活动说明区、公告展示区等场景。
主要功能
📝 富文本内容区块
| 特性 | 说明 |
|---|---|
| 标题 | 支持多语言，可自定义主标题 |
| 富文本描述 | 支持富文本编辑器，可插入图片、链接和格式化内容 |
| 行动号召按钮 | 可自定义按钮文案和跳转链接（支持新窗口打开） |
📐 灵活的样式配置
| 配置项 | 说明 |
|---|---|
| PC内容留白 | 四向独立设置（上/右/下/左），范围 0~500px |
| 移动端内容留白 | 四向独立设置（上/右/下/左），范围 0~500px |
| PC最大宽度 | 可设置内容区最大宽度百分比（20%~100%） |
| 文字对齐方式 | 居左 / 居中 / 居右 |
| 内容圆角 | 可设置内容区圆角半径（0~100px） |
| 模块宽度 | 窄屏(container) / 宽屏(container-fluid) / 全屏(w-100) |
🎨 颜色自定义
| 配置项 | 说明 |
|---|---|
| 背景颜色 | 自定义内容区块背景色（支持透明度） |
| 文字颜色 | 自定义标题和描述文字颜色 |
| 按钮文字颜色 | 自定义按钮文字颜色 |
| 按钮背景颜色 | 自定义按钮背景色 |
技术特点
-
✅ 响应式留白：PC 和移动端可独立设置四向留白，适配不同设备
-
✅ PC最大宽度：可限制内容区最大宽度百分比，避免文字过宽影响阅读
-
✅ 圆角支持：内容区圆角可自定义，营造卡片风格
-
✅ 颜色完全自定义：背景色、文字色、按钮色均可独立配置
-
✅ 行动号召按钮：支持跳转链接和新窗口打开
-
✅ 富文本描述：支持图片、链接、格式化文本
-
✅ 任意主题兼容：前台视图由插件自带，样式使用 CSS 变量适配主题
-
✅ 装修编辑器完美支持：实时预览，留白采用可视化盒模型编辑
适用场景
-
品牌故事/关于我们介绍
-
活动/促销说明区
-
公告/通知展示
-
服务特色/优势介绍
-
使命/愿景宣言
-
任何需要突出文字内容的区域
