Reddit 嵌入 RedditEmbed

概览

RedditEmbed 提供了一种简单的方式来展示 Reddit 上的社区讨论，非常适合用于展示用户评价或社区驱动的内容。

实时预览

Reddit 热议

使用方法

import { RedditEmbed } from '@goenhance/cms-ui';

const Example = () => (
  <RedditEmbed
    title="社区讨论"
    list={[
      { url: "..." }
    ]}
  />
);

属性说明 (Props)

属性	类型	默认值	说明
title	string	-	区域标题
list	RedditEmbedItem[]	[]	Reddit 帖子链接列表

特性

• 智能转换：自动将 Reddit 链接转换为嵌入专用链接。
• 沙箱安全：使用 iframe 沙箱模式，确保页面安全性。
• 自适应网格：在大屏幕下支持多列展示多个帖子。

---

主题覆盖

可覆盖变量

类名：mewx-cms-embed

变量名	用途	默认值
--mewx-cms-embed-heading-text	标题文字色	var(--blocks-text-heading)
--mewx-cms-embed-muted-text	描述文字色	var(--blocks-text-muted)

覆盖示例

/* 暗色嵌入组件 */
.dark-embed {
  --mewx-cms-embed-heading-text: 255 255 255;
  --mewx-cms-embed-muted-text: 148 163 184;
}

<RedditEmbed className="dark-embed" title="社区讨论" list={[...]} />