Встроить скретч-блоки в html сайта: различия между версиями
Перейти к навигации
Перейти к поиску
http://letopisi.org/index.php/>Евгений Патаракин |
Patarakin (обсуждение | вклад) м (1 версия импортирована) |
(нет различий)
|
Текущая версия на 11:44, 13 мая 2019
Содержание
Как встроить скретч-блоки в html сайта[править]
Вариант 1[править]
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<link rel="stylesheet" href="//scratchblocks.github.io/scratchblocks2.css"> <script src="//scratchblocks.github.io/scratchblocks2.js"></script>
<script> $(document).ready(function() { scratchblocks2.parse(); }); </script>
И потом в нужном месте страницы встроить блоки скретча
define dance (speed) say [Whoops!] think [И на русском?]
Проверено - работает
Как добавить русский?[править]
In node, all languages in src/locales will be loaded.
In the browser, include translations.js, all-translations.js or build your own language pack.
Вариант 2[править]
<script src="https://scratchblocks.github.io/js/scratchblocks-3.x-min.js"></script> <script> scratchblocks.renderMatching('pre.blocks'); </script>
&[править]
<link rel="stylesheet" href="scratchblocks2.css"> <script src="scratchblocks2.js"></script>
Где можно посмотреть на результат такого встраивания?[править]
Источники знания[править]
- https://github.com/scratchblocks/scratchblocks
- https://scratch.mit.edu/discuss/topic/100172/?page=19#post-1463594
- https://github.com/RaspberryPiFoundation/scratchblocks2