前端调Jupyter Notebook 写一个代码编辑器

前端调用 Jupyter Notebook 来创建一个代码编辑器通常是指使用 JavaScript 或者 Web 技术来实现交互式代码编辑功能，这种情况下可能涉及到的技术栈包括 web 框架（如 React、Vue 或 Angular）、Node.js、WebSockets 以及 Jupyter Notebook 的 Notebook REST API。

以下是一个简化的步骤：

1. **设置环境**：首先需要在服务器端安装 Jupyter Notebook，并配置好 REST API，这通常通过 `jupyter-notebook --ip=0.0.0.0` 和相关插件如 `jupyter-rest-api-proxy` 来实现。

2. **前端开发**：
- 使用 JavaScript 编写前端代码，可以选择 Vue、React 或 Angular 等框架搭建用户界面。
- 实现一个文本区域或代码编辑器组件，比如 Monaco Editor 或 CodeMirror。

3. **通信**：
- 前端使用 WebSocket 或 Fetch API 连接到 Jupyter Notebook 的 REST API，发送和接收代码片段、运行结果和执行请求。

4. **事件驱动**：
- 用户在前端编辑器中输入代码，触发相应的 API 调用以发送代码并获取反馈。
- 收到服务器返回的结果后，前端更新显示区域，如代码执行成功则显示结果，失败则给出错误提示。

5. **安全措施**：
- 考虑使用跨源资源共享 (CORS) 或 JSON Web Token (JWT) 等方法来确保前端的安全访问。

相关问题：
1. Jupyter Notebook REST API 提供了哪些接口用于前端交互？
2. 如何处理前端编辑器和服务器之间的实时同步问题？
3. 如何防止恶意用户的代码注入攻击？