如何将c#在线编辑器嵌入自己项目
💡
原文中文,约4500字,阅读约需11分钟。
📝
内容提要
本文介绍了如何将c#在线编辑器嵌入自己的项目中,使用现有项目嵌入在线编辑器最简单,自己搭建有两种方案,一种是使用现成的docker镜像,另一种是使用SDK功能自己实现界面编辑。SDK提供了一些API,可以方便地进行编译和执行代码。
🎯
关键要点
- 本文介绍了如何将C#在线编辑器嵌入自己的项目中。
- 在线编辑器支持C#代码编译运行,无需后台服务,基于WebAssembly实现。
- 最简单的嵌入方式是使用现有项目的在线编辑器,代码量少,但依赖他人项目。
- 提供了在React中嵌入在线编辑器的示例代码。
- 可以通过iframe直接嵌入在线编辑器,且不受跨域限制。
- 如果想要自己搭建编辑器,可以选择使用现成的docker镜像或SDK功能。
- docker部署使用阿里云提供的镜像,命令为'docker run -p 8888:80 --name web-actuator registry.cn-shenzhen.aliyuncs.com/gotrays/web-actuator:latest'。
- 使用SDK功能需要克隆WebActuator项目,并在VS中发布WebActuator.WebAssembly项目。
- 在index.html中添加SDK相关的脚本代码以实现编译功能。
- 提供了SDK的API列表,包括获取当前引用、添加引用、编译代码等功能。
- 后续版本将优化和更新API,提升在线编译C#代码的编辑器体验。
➡️