# Liveblocks 示例

使用 Liveblocks 的协作基础设施示例，用于实时协作、存在感知和数据同步

> 标准页面: https://elysiatools.com/zh/samples/liveblocks

- **分类:** 实时通信

- **关键词:** liveblocks, 协作, 实时, 存在感知, 光标, 评论, yjs

## 概述

使用 Liveblocks 的协作基础设施示例，用于实时协作、存在感知和数据同步

## 示例

- **Liveblocks 协作文本编辑器**: 使用 Liveblocks 和 Yjs 的实时协作文本编辑器，包含实时光标、评论和存在感知
- **Liveblocks 协作白板**: 带有绘图工具、形状和 Liveblocks 存在感知的实时协作白板
- **Liveblocks 存在感知和评论系统**: 完整的存在感知和线程评论系统，包含通知功能

## 适用场景

- Use this sample set when you want reference inputs for Liveblocks 示例.
- Use it to preview output formats and compare related sample variants.

## 工作原理

- Open a sample entry to inspect the prepared example payload or asset.
- Compare it with related tools to understand how the workflow connects.

## 使用案例

- Liveblocks 协作文本编辑器
- Liveblocks 协作白板
- Liveblocks 存在感知和评论系统

## 常见问题

### What is included in Liveblocks 示例?

This page includes curated sample entries, related tools, and neighboring sample collections for Liveblocks 示例.

## 相关工具

- [面积图生成器](https://elysiatools.com/zh/tools/area-chart-generator): 从数据生成可自定义的面积图，线条下方填充区域，非常适合展示趋势和累积数据
- [CSV文件合并工具](https://elysiatools.com/zh/tools/csv-merger): 将多个CSV文件合并成一个文件，支持表头处理和去重功能
- [数据清洗器](https://elysiatools.com/zh/tools/data-cleaner): 清洗和标准化数据，修复拼写错误、标准化格式、移除重复项和填充缺失值
- [日期提取器](https://elysiatools.com/zh/tools/date-extractor): 从文本中提取多种格式的日期，包括中文、ISO和美国格式，提供详细分析和摘要
- [日期格式化器](https://elysiatools.com/zh/tools/date-formatter): 将日期字符串转换为各种格式的日期格式
- [星期计算器](https://elysiatools.com/zh/tools/day-of-week-calculator): 计算给定日期是星期几
- [注释生成PDF文档](https://elysiatools.com/zh/tools/doc-comment-to-pdf-docs): 从代码注释生成API文档PDF
- [注释文档提取器](https://elysiatools.com/zh/tools/docstring-extractor): 从JavaScript/TypeScript、Python和Java源代码中提取和解析文档

## 相关内容

- [WebRTC 实时通信示例](https://elysiatools.com/zh/samples/webrtc-samples): 全面的 WebRTC 示例，用于点对点音视频通信、数据通道、屏幕共享和信令服务器实现
- [无版权MP3音频样本](https://elysiatools.com/zh/samples/mp3-samples): 免费使用和测试的无版权音频样本集合，包括自然声音、冥想音乐和环境音频，适用于测试和开发目的
- [PDF示例](https://elysiatools.com/zh/samples/pdf-samples): 2026-02-01 到 2026-02-10 工具生成的PDF示例
- [代码注释示例](https://elysiatools.com/zh/samples/code-comment-samples): 用于测试注释移除的各种注释样式代码示例文件
- [BDD with Cucumber - 行为驱动开发实践](https://elysiatools.com/zh/samples/cucumber-bdd-testing): 全面的 Cucumber BDD 示例，包括功能文件、步骤定义、数据表格、钩子和高级 BDD 模式，用于协作开发
- [分布式追踪示例](https://elysiatools.com/zh/samples/distributed-tracing-samples): 使用 Jaeger、OpenTelemetry 和其他现代可观测性工具的综合分布式追踪示例，适用于微服务架构
