# 协同编辑-前端

**Repository Path**: chen-fengyao/collaborative-editing-web

## Basic Information

- **Project Name**: 协同编辑-前端
- **Description**: 基于websocket实现word文档/excel文档的协同编辑(前端代码)
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 3
- **Created**: 2024-06-20
- **Last Updated**: 2026-05-07

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# vuetest(默认的名称)
后端代码 c#的 (https://gitee.com/chen-fengyao/collaborative-editing-code)
这是个基于开源工具 
canvas-editor(word前端开发工具) ,
bootstrap(这是因为canvas-editor包只提供基础,没有提供样式,这些得手写,所以就只好随便用个我用的顺手的包),
univerjs(excel前端开发工具),
singnalR(websocket开发工具(只是在websocket的数据格式上有多包了个类似userID的字段来区分不同的客户端)) 
最终开发的一个协同编辑(类似腾讯文档那种功能)
## 注意事项
```
1.npm install 以后,需要修改包源码
node_modules->@hufe921->canvas-editor->dist->canvas-editor.es.js
在暴露的Editor 类里面,新增一个需要暴露的属性
this.commandAdapt=new CommandAdapt(draw);
```
![Example Image](/readmeimg/xx.png)

## 演示地址
hbjava.cn