# editor

**Repository Path**: fftt52536/editor

## Basic Information

- **Project Name**: editor
- **Description**: An all-new version of SCRATCH-GUI
- **Primary Language**: JavaScript
- **License**: BSD-3-Clause
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 3
- **Forks**: 0
- **Created**: 2024-04-08
- **Last Updated**: 2024-11-30

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# FFTT Scratch Editor简介

#### 介绍
更优化的Scratch编辑器，使用react+webpack+express等库制成。\
早在几年前，中国就因某种原因封禁了对scratch官网的访问，各种Scratch教育机构便在无奈之下深入了scratch底层源码的分析。本实例已经将前后端绑定在了一起，操作简单；作者也在不断地向项目里添加功能，非常可靠。

#### 软件架构
 src --网页的核心代码，包括menu、gui、downloader等等。\
 static --网页的静态文件，例如scratch的素材、图片，网页图标等。\
 test --JEST测试代码


#### 安装教程

1.  将线上仓库存储到本地
```bash
git clone https://gitee.com/fftt52536/editor.git
cd scratch-v2
npm install
```
2.  接着，将本地的scratch sql数据库导入到你的mysql数据库中，然后在app.js中的第12行左右修改关键信息：
```js
var pool = mysql.createPool({
  connectionLimit:20,
  host:"localhost",
  user:"root",
  password:"root",
  database: "scratch"
});
```
3.  如果你要启动线上服务器，可以运行express server：
```bash
npm start
```
然后访问localhost:3000/edit.html进入编辑页面，[b]不是首页！不是首页！[/b]。
##### 重要通知：如果编译时出现故障，可以查看 [常见BUG说明](https://gitee.com/fftt52536/editor/blob/master/docs/%E5%B8%B8%E8%A7%81bug%E5%8F%8A%E5%85%B6%E5%A4%84%E7%90%86%E5%8A%9E%E6%B3%95.md) ！

#### 改编说明

1.  修改[网页配置](https://gitee.com/fftt52536/editor/blob/master/src/playground/render-gui.jsx)（```根目录/src/playground/render-gui.jsx```）
```
      ReactDOM.render(
        // important: this is checking whether `simulateScratchDesktop` is truthy, not just defined!
        simulateScratchDesktop ?
            <WrappedGui
                canEditTitle
                isScratchDesktop
                showTelemetryModal
                canSave={false}
                onTelemetryModalCancel={handleTelemetryModalCancel}
                onTelemetryModalOptIn={handleTelemetryModalOptIn}
                onTelemetryModalOptOut={handleTelemetryModalOptOut}
                renderLogin={renderLogin}
            /> :
            <WrappedGui
                canEditTitle
                backpackVisible
                showComingSoon
                backpackHost={backpackHost}
                canSave={false}
                onClickLogo={onClickLogo}
                isTotallyNormal
                canShare
                enableCommunity
            />,
      appTarget);
```
2.  修改[用户配置](https://gitee.com/fftt52536/editor/blob/master/scratch.sql) (```数据库中```)
3.  [点击查看如何修改scratch-blocks代码。](https://gitee.com/fftt52536/editor/blob/master/docs/blocks.md)