0%
boxmoe_header_banner_img

加载中

🕊️「 R-M编辑器纸鸢版」扩展组件预览


avatar
白木 2026年7月29日 2026年7月29日 5
NEW

功能全集文档上线

支持一键复制,即装即用

#高效#美观
这个组件适合用于文章开头,展示最重要的核心结论或更新摘要。
CHAPTER 01
标题与装饰 TITLES · 标题组件
CHAPTER 01
区块标题 TITLE SECTION DA01 · 区块标题
Section Title

这是区块主标题

椭圆轨道装饰 + 副标题 + 渐变主标题,适合作为大章节分隔。

CHAPTER 02
功能指南卡片 TITLE DA03 · 功能指南卡片

GUIDE

功能全集:排版组件指南

这是一份包含所有可用 Markdown 指令及扩展标签的完整演示稿。

#图片并排#窗口滚动#渐变文字

预计阅读(分)

1

共 0 字

CHAPTER 03
装饰数字标题 TITLE BADGE · 装饰数字标题
01
静观器物,神游古今
INTERNATIONAL MUSEUM DAY
CHAPTER 04
圆形编号标题 TITLE ROUND · 圆形编号标题
01
今日荐书
字里行间,自有山海
CHAPTER 05
编号边框标题 TITLE NUM · 编号边框标题
01
科技浪潮,共赴新程
CHAPTER 06
竖线装饰标题 TITLE LINE · 竖线装饰标题
冬养有方 健康过冬
CHAPTER 07
角标装饰标题 TITLE CORNER · 角标装饰标题
冬浅风清 不负流年
WINTER IS COMING
CHAPTER 08
双色底线标题 TITLE DUAL LINE · 双色底线标题
PART01
限电令发布
CHAPTER 09
PART标题 TITLE PART · PART标题
01
PART
年终盛宴 尾牙相聚
HAPPY NEW YEAR
CHAPTER 10
宴会标题 TITLE BANQUET · 宴会标题
[宴]  启新程  [会]  聚精彩
YEAR-END BANQUET
CHAPTER 11
JOIN标题 TITLE JOIN · JOIN标题
JOIN US
招聘职位及要求
CHAPTER 12
水墨标题 TITLE INK · 水墨标题
岁寒辞旧岁
平安度寒假
CHAPTER 13
双图标题卡片 TITLE CARD · 双图标题卡片
KAI    XUE
开学第一课
CHAPTER 02
段落、引导与强调 PARAGRAPHS · 段落与分区
CHAPTER 01
分段标题 PARAGRAPH TITLE · 分段标题
CHAPTER 01
自定义段落标题组件 PARAGRAPH TITLE · 分段标题
CHAPTER 02
二级标题示例 LEVEL 2 · 二级标题
CHAPTER 03
三级标题示例 LEVEL 3 · 三级标题
CHAPTER 04
四级标题示例 LEVEL 4 · 四级标题

标题文字写在标签体内;也可用 1~4 个 # 生成 Markdown 标题。段落标题通过 labelnumsubtitle 等属性控制样式。

CHAPTER 05
突发/重大更新卡片 BREAKING · 突发/重大更新卡片
NEW

功能全集文档上线

支持一键复制,即装即用

#高效#美观
这个组件适合用于文章开头,展示最重要的核心结论或更新摘要。
CHAPTER 06
提示与建议 CALLOUT · 提示与建议

💡 操作小贴士

使用 [TIP] 或 [NOTE] 可以快速生成带背景的提示框。
CHAPTER 07
居中强调语 STATEMENT · 居中强调语

这是一段居中的强调文字,适合用来突出核心观点或结论。

CHAPTER 08
引导文字段 LEAD · 引导文字段

Lead 组件会生成一段带有左侧边框的引导文字,适合用来引入话题或提供背景信息。它的视觉效果比普通段落更突出,但又不会像 Statement 那样过于正式。

Lead 组件的左侧边框颜色会跟随主题色变化,非常适合用作文章的引言或过渡段落。

CHAPTER 09
空白换行 LINE BREAK · 空白换行

普通段落上方与下方之间,可以用 <br/> 插入可控空白行,用于调节阅读节奏。


上方预留了一段空白。可连续写多个 <br/> 来增加间距。

CHAPTER 03
图片增强特性 IMAGES · 图片与媒体
CHAPTER 01
指定窗口尺寸(限制高度 250px) WINDOW SIZE · 指定窗口尺寸
限高滚动测试

上方的图片被限制在 250px 高度内,读者可以手动滚动查看。

CHAPTER 02
多图横向滑动并排 GALLERY · 多图横向滑动并排
图1图2图3

使用尖括号和感叹号语法,多张图片横向排开。

CHAPTER 03
轮播图 SLIDER · 轮播图

轮播组件依赖 SVG 动画,在所有支持 SVG 的设备和浏览器上均可正常播放。支持最多5张图片,自动轮播,默认间隔3秒,可使用 type 属性设置 4 种轮播类型。宽高可根据使用的图片尺寸进行调整,默认是 600px × 200px。

CHAPTER 04
单图扩展组件(Img 标签) IMG · 单图扩展组件
图片

基于 HTML 的 img 标签添加的扩展图片组件,可以设置图片宽高、圆角、裁切和偏移。

CHAPTER 05
图片装饰 IMAGE DECORATION · 图片装饰
CHAPTER 06
无缝长图 LONG IMAGE · 无缝长图
CHAPTER 04
布局与网格 LAYOUT · 布局与对比
CHAPTER 01
Before / After 对比(横向) COMPARE · Before / After 对比

BEFORE

旧版绿色

旧版

AFTER

新版靛青

新版
CHAPTER 02
Before / After 对比(纵向) COMPARE · Before / After 对比

BEFORE

回味过去

一切仿佛就在昨天 旧版

AFTER

展望未来

愿明天会更美好 新版
CHAPTER 03
双色网格 GRID BLOCKS · 双色网格
功能一
描述内容 A
功能二
描述内容 B
功能三
描述内容 C
功能四
描述内容 D
CHAPTER 04
标签页 TABS · 标签页

这是 选项卡组件,允许在同一容器内切换展示不同类型的内容。

适合教程、对比说明、多视角展示等场景。

CHAPTER 05
卡片与列表 CARDS · 卡片与内容
CHAPTER 01
产品卡片 PRODUCT CARD · 产品卡片
收录本季最热门的五款”恋爱感”色号,从悸动初遇的蜜桃绯红,到深陷热恋的莓果绛红,描绘心动到钟情的完整光谱。
粉色浪漫口红礼盒
520/套
CHAPTER 02
节目单列表 PROGRAM LIST · 节目单列表
年会表演节目单
01
情景舞蹈《乘风破浪》
销售部:张星辰 刘远
02
创意光影秀《代码之舞》
技术部:张三 李四
03
诗朗诵《我们这一年》
市场部:李佳佳 张浩辰
04
大合唱《星辰大海》
产品部:艾梦 卢俊 陆远
CHAPTER 03
实践案例流 CASE FLOW · 实践案例流
实践案例
案例 01 品牌视觉升级:从绿色全面转向现代化的 Indigo 靛青色调。
案例 02 交互体验优化:图片窗口化功能让长文阅读更流畅。
案例 03 编辑器重构:组件化架构让新增样式变得简单高效。
CHAPTER 04
案例列表 CASE FLOW DA02 · 案例列表
案例 01 从零搭建个人知识库,三周后效率翻倍
案例 02 用 AI 辅助写周报,每周省出两小时
案例 03 坚持早起 100 天,人生发生了什么变化
CHAPTER 06
步骤、时间线与行动点 STEPS · 步骤与流程
CHAPTER 01
横向步骤流 HORIZONTAL STEPS · 横向步骤流

HOW IT WORKS

安装好之后怎么跑起来

1

输入

往知识库里喂东西

2

管理

让知识库有序运转

3

输出

从知识库取素材做东西

CHAPTER 02
竖向步骤流 VERTICAL STEPS · 竖向步骤流

VERTICAL STEPS

竖向步骤流

1
注册账号
填写基本信息完成注册
2
实名认证
上传证件完成身份验证
3
开始使用
选择功能模块开始体验
CHAPTER 03
时间线演示(Timeline) TIMELINE · 时间线演示
2024年01月
项目启动
完成团队组建和需求分析
2024年06月
一期上线
核心功能发布,用户突破1万
2025年01月
二期迭代
新增AI辅助功能,用户突破10万
CHAPTER 04
行动点召唤 CTA · 行动点召唤

GET STARTED

准备好开始你的创作了吗?

立即复制下方代码
CHAPTER 07
行内修饰与按钮 STYLES · 行内修饰
CHAPTER 01
渐变与胶囊文字 GRADIENT · 渐变与胶囊文字
渐变背景这是 linear-gradient 渐变背景文字,适合划重点。
自定义渐变自定义双色渐变
单色渐变单色渐变文字
胶囊文字这是圆角胶囊背景文字,适合做小标签。
CHAPTER 02
强调与经典修饰 EMPHASIS · 强调与经典修饰
加重强调这是加重强调文字,颜色更深。
柔光重点这是柔光蓝紫色文字重点
经典修饰粗体文字下划线文字删除线文字斜体文字加粗+斜体
下标:H2O。
上标:m2

也支持简写符号 ==!!^^:: 等旧语法,推荐优先使用标签写法。

CHAPTER 03
药丸按钮 PILL BTN · 药丸按钮

你好 这是药丸 你也好

点击下载
红色按钮
蓝色按钮
默认主题色
CHAPTER 08
表格与图表 TABLES · 表格与图表
CHAPTER 01
表格(扁平版) TABLE FLAT · 表格扁平版
季度销售
季度销售额增长率
Q1120 万+15%
Q2180 万+50%
Q395 万-47%
Q4260 万+174%
CHAPTER 02
表格(玻璃版) TABLE GLASS · 表格玻璃版
季度销售
季度销售额增长率
Q1120 万+15%
Q2180 万+50%
Q395 万-47%
Q4260 万+174%
CHAPTER 03
表格(霓虹版) TABLE NEON · 表格霓虹版
季度销售
季度销售额增长率
Q1120 万+15%
Q2180 万+50%
Q395 万-47%
Q4260 万+174%
CHAPTER 04
表格(主题色版) TABLE THEME · 表格主题色版
季度销售
季度销售额增长率
Q1120 万+15%
Q2180 万+50%
Q395 万-47%
Q4260 万+174%
CHAPTER 05
图表 CHART · 图表
季度销售 30Q150Q220Q380Q4
CHAPTER 09
公式与代码 MATH · 公式与代码
CHAPTER 01
LaTeX 公式 LATEX · LaTeX 公式

行内公式用法:质能方程 是物理学最基本的等式之一,勾股定理 也很常用。

单行块级公式:

欧拉恒等式:

三角函数恒等式:

多行对齐公式:

CHAPTER 02
代码块 CODE BLOCK · 代码块
// 一个简单的 Vue 组件示例
import { ref } from ‘vue’
 
const count = ref(0)
 
function increment() {
  count.value++
  console.log(‘Count:’, count.value)
}

代码块会保留原始格式,包括换行和缩进,适合展示代码片段。

CHAPTER 03
Mermaid 图表 MERMAID · Mermaid 图表
CHAPTER 10
列表、标签与脚注 LISTS · 列表与任务
CHAPTER 01
彩色标签徽章 BADGES · 彩色标签徽章
VueTypeScriptViteTailwind
前端后端全栈DevOpsUI设计

多色版用 标签:颜色 语法;纯色版加 type="DA02" 统一使用主题色。

CHAPTER 02
任务列表 TASK LIST · 任务列表
已完成任务
未完成任务
CHAPTER 03
脚注 FOOTNOTE · 脚注

现在,R-M纸鸢版[1] 已在GitHub开源。

CHAPTER 11
底部互动引导 ENGAGE · 结尾互动
CHAPTER 01
底部引导卡片(文字版) ENGAGE TEXT · 底部引导卡片

如果这份文档对你有帮助,欢迎点赞、转发、推荐!

点赞 · 转发 · 推荐

THANKS FOR READING

使用 actionsthanks 属性自定义动作文案与感谢语。

CHAPTER 02
底部引导卡片(三列图标版) ENGAGE ICONS · 底部引导卡片
感谢你的阅读与支持!
喜欢就互动一下吧~ 💚
· 点赞 ·
喜欢就点个赞吧
· 转发 ·
分享给更多朋友
· 推荐 ·
推荐给身边的人
CHAPTER 12
写在最后 CONCLUSION · 写在最后

所有组件都支持公众号无损复制,您可以根据需要自由组合。

如果这份文档对你有帮助,欢迎点赞、转发、推荐!

点赞 · 转发 · 推荐

THANKS FOR READING

参考资料

[1] R-M纸鸢版是一款开源免费公众号扩展排版编辑器https://robocopmao.github.io/r-markdown

上一次更新已经跑远惹✨ 计算中...
(‾◡◝) 本内容里的一些消息,可能已经跟不上时间啦~
感谢您的支持
微信赞赏

微信扫一扫

支付宝赞赏

支付宝扫一扫



评论(0)

查看评论列表

暂无评论


发表评论

表情 颜文字
插入代码
后退
前进
刷新
复制
粘贴
全选
删除
返回首页
0%
目录
顶部
底部
📖 文章导读