🛠️ 评论与评分系统 - 嵌入接入中心
无需注册复杂账号,任何网站(博客、文档、个人主页、独立站)只需插入一行 JavaScript SDK 脚本,即可快速拥有高颜值的星级打分、评论列表、楼中楼回复与点赞交互!
NEW
⚡ 新增 0 秒免登“文章印章表态”组件:提供 [ 🔥硬核 ] [ 💡很有启发 ] [ ❤️必须收藏 ] [ ☕催更 ] 一键点击爆裂 Canvas 炫酷粒子特效!
⚡ 动态接入代码生成器
(填入配置一键复制代码)
将以下代码粘贴至您网页的 HTML 文件中(推荐 <body> 底部或评论区挂载位置):
👁️ 实时小组件交互预览 (Live Widget Preview)
下面是在当前页面直接挂载 comment-widget.js 的渲染效果,支持交互打分、点赞与楼中楼回复:
🎨 高级使用:使用 FlmCommentSDK 自定义 UI
如果您想要完全自定义界面,或者在 React / Vue / Solid / Svelte 项目中集成后端 API,可以仅引入无 UI 的逻辑 SDK comment-sdk.js:
<!-- 1. 引入 Core Logic SDK -->
<script src="https://fakeicp.top/comment-sdk.js"></script>
<script>
// 2. 初始化 SDK
var sdk = new FlmCommentSDK({
siteKey: 'example.com',
pageKey: '/posts/hello'
});
// 3. 获取数据
sdk.fetchComments({ page: 1, limit: 10 }, function(err, res) {
console.log('评分汇总统计:', res.data.stats);
console.log('评论树列表:', res.data.comments);
});
// 4. 提交评分与评论
sdk.submit({
nickname: '张三',
email: 'zhangsan@example.com',
rating: 5,
content: '非常棒的文章!'
}, function(err, res) {
if (!err) alert('提交成功!');
});
</script>