Использование на своем сайте DartBoard - браузерный редактор для языка Dart

UPD. К сожалению, разработчики прекратили поддержку DartBoard и убрали его с официального сайта. Есть аналог http://try-dart-lang.appspot.com/, но не совсем какая версия языка там используется, и на сколько он поддерживается.

 

Чтобы подключить на свой сайт DartBoard - браузерная "среда разработки" для приложений на языке Dart (правда достаточно сильно ограниченная в возможностях), но включающая в себя возможность редактирования, компиляцию и запуск непосредственно в браузере простых dart-скриптов, достаточно подключить два файла:

• CSS -  http://www.dartlang.org/css/dartboard.css
• JavaScript - http://try.dartlang.org/dartboard.dart.app.js

А место в html коде, куда необходимо поместить DartBoard разметить тэгами <code class="codes">...</codes>, причем внутри можно поместить уже готовую dart-программу.

Пример:

html-код:

<link rel="stylesheet" href="http://www.dartlang.org/css/dartboard.css" />
<code class="codes">main() {
      print('Hello, Dart!');
}</code>

<script async type="text/javascript"
  src="http://try.dartlang.org/dartboard.dart.app.js">
</script>

результат:

main() { print('Hello, Dart!'); }