Skip to content

Feedback: #4

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
bestian wants to merge 30 commits into
base: master
Choose a base branch
from
Open

Feedback: #4

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
30 commits
Select commit Hold shift + click to select a range
c3e5288
s
bestian Oct 29, 2022
52d72e8
s
bestian Oct 29, 2022
c5346c4
s
bestian Oct 29, 2022
b33f22a
Update index.html
bestian Oct 29, 2022
681bbf1
s
bestian Oct 29, 2022
e9748d4
add zh-hant
bestian Oct 30, 2022
2ad9c7d
Update README.md
bestian Oct 30, 2022
e9f4307
Update zh-hant.js
bestian Oct 30, 2022
eb09dda
Update index.html
bestian Oct 30, 2022
cce7cdf
Update index.html
bestian Oct 30, 2022
29b6caf
Update zh-hant.js
bestian Oct 30, 2022
045107e
Update zh-hant.js
bestian Oct 30, 2022
8972add
Update index.html
bestian Oct 30, 2022
6944b1b
s
bestian Oct 30, 2022
35bd01c
s
bestian Oct 30, 2022
2ea621a
small
bestian Oct 30, 2022
3ca682b
s
bestian Oct 30, 2022
985c897
Update index.html
bestian Oct 30, 2022
c41b21c
Delete library_html_german.xml
bestian Oct 31, 2022
135bd6f
add more css
bestian Oct 31, 2022
d0f7f3a
Update screenshot.png
bestian Oct 31, 2022
3bef8aa
Update README.md
bestian Oct 31, 2022
cfea4b4
Update README.md
bestian Oct 31, 2022
8e9288b
Update de.js
bestian Oct 31, 2022
cd749c1
translate
bestian Oct 31, 2022
5f34417
Merge branch 'master' of https://github.com/bestian/blockly-html
bestian Oct 31, 2022
d3ac9ea
close #1
bestian Oct 31, 2022
91c1301
solve https://github.com/bwinf/blockly-html/issues/3
bestian Oct 31, 2022
304351d
Update README.md
bestian Oct 31, 2022
c55b86d
Update README.md
bestian Oct 31, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 3 additions & 0 deletions .gitignore
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@

.DS_Store
blockly/.DS_Store
72 changes: 54 additions & 18 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,35 +1,71 @@
# Blockly-HTML

這個程式可以用區塊拖拉來建構HTML網頁原始碼

Blockly blocks and generators for HTML generation and a demo with live preview.

The demo can be tested here: http://blocklyhtml.zgtm.de/
Blockly-Blöcke und -Generatoren zur HTML-Generierung und eine Demo mit Live-Vorschau.


中文的試用版可以在這裡看到: https://bwinf.github.io/blockly-html/demo_zh-hant.html

The English demo can be tested here: https://bwinf.github.io/blockly-html/demo_en.html

Eine deutsche Demo ist ebenfalls verfügbar: https://bwinf.github.io/blockly-html/demo_de.html


<img src="screenshot.png" width="500" alt="Screenshot" />


## 測試 / Try the demo / Probieren Sie die Demo aus

來自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.

A German demo is available as well: http://htmlbausteine.zgtm.de/

<img src="example.png" width="500" alt="Screenshot" />
你可以到https://github.com/google/blockly 或者將https://github.com/google/blockly/archive/master.zip 解壓縮成為`blockly`資料夾。你也可以手動複製上述的這些檔案來創造你的開發環境。

## Try the demo
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.

The files `blockly_compressed.js`, `blocks_compressed.js`, `javascript_compressed.js` and `msg/js/en.js`
of the Blockly repository need to be present in the directory `blockly`.
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.

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.

範例網頁會將工作區存在瀏覽器的近端儲存區。另外，它也支援匯入和匯出磚磈和匯出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.

A German localisation of the demo can be enabled by loading `de.js` instead of `en.js` in the header of the HTML file. (This also needs `msg/js/de.js` from Blockly.)
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 修改或新增磚塊的資源庫。

## Library files
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

The files `library_html.xml` and `library_html_german.xml` are block libraries that can be used to modify 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

## TODO
* Support more HTML tags and attributes
* Enforce HTML tag-nesting rules via types
* Many more …

## Further ideas
* Maybe support generating other markup languages (Markdown, LaTeX)
* Add script-tag and allow for standard Blockly blocks in there
## 錯誤回報與功能請求 / BUG Report & Feature requset / Fehlerbericht & Funktionsanforderung

Please send to https://github.com/bwinf/blockly-html/issues
Loading