uni-app无法实现小红书原生App的图片贴纸式标签，但必须通过后端接口实现语义化话题标签（#xxx），包括前端校验、调用/createOrGetTopic获取ID、写入topicIds字段，且标签输入需独立管理、防重匹配、多端兼容。
uni-app 里做不出小红书原生 App 那种「贴在图片上可拖拽缩放」的标签效果，但能实现语义化、可搜索、可复用的笔记标签（即话题标签 #xxx），这才是后端识别、流量分发、用户点击跳转的核心部分。
标签必须走后端接口，不能只存本地
小红书的标签本质是话题（note_topic 表），不是 UI 贴纸。你在编辑页输入 #健身打卡，实际要：① 前端校验格式（是否以 # 开头、长度、非法字符）；② 调用 /api/topic/create 创建或查询已有话题 ID；③ 把话题 ID 写入笔记提交体的 topicIds 字段，而不是把纯文本塞进 content 里。
- 直接拼
#xxx到富文本内容中 → 后端无法结构化解析，搜索/统计/推荐全失效 - 前端只存标签名数组但不调创建接口 → 标签无 ID，无法关联笔记与话题，后续所有运营动作失灵
- 建议在
submitNote()提交前，先对inputTags数组逐个调createOrGetTopic({ name: tag })，拿到 ID 列表再组装请求体
editor 组件里别硬塞 # 标签文字
editor 是富文本组件，它的 setContents 接口只接受 delta 或合法 HTML。如果你把 #旅行日记 当成普通文本插入，它会变成纯内容的一部分，既不能点击跳转，也无法被系统识别为话题。
在 Linux 上通过 Chrome 挂载/VNC 自动发布小红书长笔记。Agent 撰写标题和正文后执行 xhs_publish.sh --publish --submit，触发小红书发布。
- UI 上显示标签建议用独立区域：比如在
editor下方加一个<view class="tag-input">，专门管理标签输入和删除 - 不要监听
editor的输入事件去“提取 #xxx”——用户可能打错字、删一半、粘贴带格式文本，规则极难稳定 - 如果非要高亮已添加的标签，可用
v-for渲染<text class="tag-badge">#咖啡探店</text>，样式自己控制，和 editor 内容物理隔离
标签输入框要做防重和模糊匹配
用户输“手作”，你得立刻提示“已有 #手作教程”“#手作vlog”，否则重复创建话题导致数据碎片化。这依赖后端提供 /api/topic/suggest?keyword=手作 接口。
- 输入框绑定
v-model，监听@input节流（如 300ms），触发搜索 - 搜索结果列表展示时，点击某项应直接追加到标签数组，清空输入框，且自动聚焦下一个输入位
- 用户手动输入后按空格/回车/逗号分隔 → 用正则
/#[^\s,，]+/g提取，但必须二次调接口确认存在性，不能直接信任 - 注意中文顿号、全角逗号等边界情况，建议统一用英文逗号分隔并 trim
小红书小程序平台有特殊限制
小红书小程序目前（2026 年）不支持自定义原生组件，editor 组件仅在 H5、App-vue、微信/百度小程序可用。如果你目标平台是小红书小程序，editor 根本不可用，只能降级为 <textarea> + 标签独立管理。
- 小红书小程序 manifest.json 中必须配置
"mp-xiaohongshu"平台，且 HBuilderX 版本 ≥ 4.23 - 测试时发现：小红书小程序的
textarea不支持 placeholder 换行、光标位置控制弱，建议用uni-app的rich-text模拟简易富文本（仅支持粗体/换行） - 标签输入逻辑必须完全解耦，不能依赖任何平台专属 API，否则多端编译会报错
真正容易被忽略的是标签和分类的混用：小红书后台有 business_category（固定分类）和 note_topic（自由话题）两套体系。用户在编辑页点的“标签”按钮，对应的是后者；而首页顶部导航栏的“美妆”“旅行”，属于前者。千万别把分类 ID 当成话题 ID 存进笔记字段。
