From 56579636b9c2b24429a7390902bf63c085d1e980 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Bestian=20Tang=20=E5=A4=A7=E5=B7=B4?= Date: Tue, 14 May 2024 09:04:53 +0800 Subject: [PATCH] Update README.md --- README.md | 70 ++++++++++--------------------------------------------- 1 file changed, 12 insertions(+), 58 deletions(-) diff --git a/README.md b/README.md index e570a01..66dfce0 100644 --- a/README.md +++ b/README.md @@ -1,71 +1,25 @@ # Blockly-HTML -這個程式可以用區塊拖拉來建構HTML網頁原始碼 +## 中文說明 -Blockly blocks and generators for HTML generation and a demo with live preview. +Blockly-HTML 是一個利用 Blockly 的視覺化程式設計環境，讓使用者可以通過拖拉區塊的方式來建立 HTML 網頁原始碼的工具。這個工具提供了多語言版本，包括中文、英文和德文的使用界面，方便不同語言使用者操作。 -Blockly-Blöcke und -Generatoren zur HTML-Generierung und eine Demo mit Live-Vorschau. +使用者可以在 Blockly 的開發者工具頁面上透過 `library_html.xml` 檔案修改或新增磚塊，以適應特定的開發需求。此外，程式還支持將工作區的內容存儲在瀏覽器的本地儲存中，並支援匯入、匯出磚塊（Blockly XML）和匯出 HTML 文件。 +若遇到錯誤或希望提出功能請求，可以透過 [GitHub 問題頁面](https://github.com/bestian/blockly-html/issues) 提交。這樣的工具特別適合初學者學習 HTML 和網頁開發的基礎，或者任何對視覺化編程感興趣的使用者。 -中文的試用版可以在這裡看到: https://bestian.github.io/blockly-html/demo_zh-hant.html +## English Introduction -The English demo can be tested here: https://bestian.github.io/blockly-html/demo_en.html +Blockly-HTML is a tool that utilizes the Blockly visual programming environment, allowing users to create HTML web page source code by dragging and dropping blocks. This tool offers multi-language versions, including interfaces in Chinese, English, and German, to accommodate users of different languages. -Eine deutsche Demo ist ebenfalls verfügbar: https://bestian.github.io/blockly-html/demo_de.html +Users can modify or add blocks using the `library_html.xml` file on the Blockly developer tools page to meet specific development needs. Additionally, the program supports storing workspace content in local browser storage and supports importing, exporting blocks (Blockly XML), and exporting HTML documents. +If you encounter any errors or wish to submit a feature request, you can do so through the [GitHub issues page](https://github.com/bestian/blockly-html/issues). This tool is particularly suitable for beginners learning the basics of HTML and web development, or anyone interested in visual programming. -Screenshot +## Deutschland Einführung +Blockly-HTML ist ein Werkzeug, das die visuelle Programmierumgebung von Blockly nutzt und es Benutzern ermöglicht, HTML-Webseitenquellcode durch Ziehen und Ablegen von Blöcken zu erstellen. Dieses Werkzeug bietet mehrsprachige Versionen, einschließlich Schnittstellen in Chinesisch, Englisch und Deutsch, um Benutzer verschiedener Sprachen zu unterstützen. -## 測試 / Try the demo / Probieren Sie die Demo aus +Benutzer können Blöcke mit der Datei `library_html.xml` auf der Blockly-Entwicklertools-Seite ändern oder hinzufügen, um spezifische Entwicklungsanforderungen zu erfüllen. Darüber hinaus unterstützt das Programm das Speichern von Arbeitsbereichsinhalten im lokalen Browserspeicher und unterstützt das Importieren, Exportieren von Blöcken (Blockly XML) und das Exportieren von HTML-Dokumenten. -來自Blockly資源庫的 `blockly_compressed.js`, `blocks_compressed.js`, `javascript_compressed.js`, `msg/js/zh-hant.js`, `msg/js/de.js` 和 `msg/js/en.js ` 應該要放在 `blockly` 資料夾中 - -The files `blockly_compressed.js`, `blocks_compressed.js`, `javascript_compressed.js`, `msg/js/zh-hant.js`, `msg/js/de.js` and `msg/js/en.js` of the Blockly repository need to be present in the directory `blockly`. - -Die Dateien `blockly_compressed.js`, `blocks_compressed.js`, `javascript_compressed.js`, `msg/js/zh-hant.js`, `msg/js/de.js` und `msg/js/en.js ` des Blockly-Repositorys müssen im Verzeichnis `blockly` vorhanden sein. - - -你可以到https://github.com/google/blockly 或者將https://github.com/google/blockly/archive/master.zip 解壓縮成為`blockly`資料夾。你也可以手動複製上述的這些檔案來創造你的開發環境。 - -You can simply checkout the repository https://github.com/google/blockly or unzip https://github.com/google/blockly/archive/master.zip into the directory `blockly`. Or you can pick the files above manually to create an environment you can distribute without moving the whole Blockly source code around. - -Sie können einfach das Repository https://github.com/google/blockly auschecken oder https://github.com/google/blockly/archive/master.zip in das Verzeichnis `blockly` entpacken. -Oder Sie können die obigen Dateien manuell auswählen, um eine Umgebung zu erstellen, die Sie verteilen können, ohne den gesamten Blockly-Quellcode zu verschieben. - - -範例網頁會將工作區存在瀏覽器的近端儲存區。另外，它也支援匯入和匯出磚磈和匯出HTML檔。 - -The demo saves the workspace in the local browser storage. -Additionally, it supports importing and exporting blocks (Blockly XML) and exporting the HTML document. - -Die Demo speichert den Arbeitsbereich im lokalen Browserspeicher. -Darüber hinaus unterstützt es den Import und Export von Blöcken (Blockly XML) und den Export des HTML-Dokuments. - - -將HTML檔頭部的`zh-hants.js`改為`en.js`，即可製作英文的測試版。(也需要Blockly中的`msg/js/en.js`) - -A English localisation of the demo can be enabled by loading `en.js` instead of `zh-hants.js` in the header of the HTML file. (This also needs `msg/js/en.js` from Blockly.) - -Eine englische Lokalisierung der Demo kann aktiviert werden, indem `en.js` anstelle von `zh-hants.js` in den Header der HTML-Datei geladen wird. (Dies benötigt auch `msg/js/en.js` von Blockly.) - - -將HTML檔頭部的`zh-hants.js`改為`de.js`，即可製作德文的測試版。(也需要Blockly中的`msg/js/de.js`) - -A German localisation of the demo can be enabled by loading `de.js` instead of `zh-hants.js` in the header of the HTML file. (This also needs `msg/js/de.js` from Blockly.) - -Eine deutsche Lokalisierung der Demo kann aktiviert werden, indem `de.js` statt `zh-hants.js` in den Header der HTML-Datei geladen wird. (Dies benötigt auch `msg/js/de.js` von Blockly.) - - -## 資源檔 / Library file / Bibliotheksdatei - -這個`library_html.xml`檔案是你可以用來在Blockly開發者工具頁 https://blockly-demo.appspot.com/static/demos/blockfactory/index.html 修改或新增磚塊的資源庫。 - -The file `library_html.xml` is block library that can be used to modify or add the blocks using the Blockly developer tools: https://blockly-demo.appspot.com/static/demos/blockfactory/index.html - -Die Datei `library_html.xml` ist eine Blockbibliothek, die verwendet werden kann, um die Blöcke mit den Blockly-Entwicklertools zu ändern oder hinzuzufügen: https://blockly-demo.appspot.com/static/demos/blockfactory/index.html - - -## 錯誤回報與功能請求 / BUG Report & Feature requset / Fehlerbericht & Funktionsanforderung - -Please send to https://github.com/bestian/blockly-html/issues +Wenn Sie auf Fehler stoßen oder eine Funktion anfordern möchten, können Sie dies über die [GitHub-Problemeite](https://github.com/bestian/blockly-html/issues) tun. Dieses Werkzeug eignet sich besonders für Anfänger, die die Grundlagen von HTML und Webentwicklung lernen, oder für jeden, der sich für visuelle Programmierung interessiert. \ No newline at end of file