livecodes
v39
Кодовая игровая площадка, которая работает только!
Кодовая площадка с открытым исходным кодом, код на стороне клиента для React, Vue, Svelte, Solid, TypeScript, Python, Go, Ruby, PHP и 90+ языков/фреймворков.
Попробуйте сейчас на livecodes.io
Документации
Что отличает ливкоды?
* Учетная запись GitHub требуется только для функций, которые используют интеграцию GitHub.
... и наслаждайтесь всеми функциями!
Добавьте этот код на свою страницу:
< div id =" container " > </ div >
< script type =" module " >
import { createPlayground } from 'https://cdn.jsdelivr.net/npm/livecodes' ;
createPlayground ( '#container' , {
params : {
markdown : '# Hello LiveCodes!' ,
css : 'h1 {color: dodgerblue;}' ,
js : 'console.log("Hello, from JS!");' ,
console : 'open' ,
} ,
} ) ;
</ script >Проверьте документации на встроенные игровые площадки.
Скачать релиз
Поместите его на статический файловый сервер (бесплатно!) 1, 2, 3, 4, 5
Проверьте руководство для самостоятельного управления (включая встроенную установку для развертывания на страницы GitHub).
... и это просто работает!
Для получения подробной информации проверьте полный список функций.
Комплект для разработки программного обеспечения (SDK) обеспечивает простой, но мощный интерфейс для встраивания и общения с игровыми площадками LiveCodes.
SDK предоставляется в виде легкого веса (менее 5 КБ GZIPPED), пакет NPM с нулевой зависимости, который также доступен в CDN. Его можно использовать для создания игровых площадок с широким спектром конфигураций и вариантов встроения. Кроме того, методы SDK позволяют программную связь и контроль над игровыми площадками во время выполнения.
npm i livecodes
Пример: (открыто в LiveCodes)
import { createPlayground } from 'livecodes' ;
createPlayground ( '#container' , {
config : {
markup : {
language : 'markdown' ,
content : '# Hello World!' ,
} ,
} ,
view : 'result' ,
} ) ;JavaScript SDK - это фреймворк/библиотека агностик. Тем не менее, компоненты обертки также предоставляются для популярных библиотек (в настоящее время React and Vue). SDK можно использовать в стройке напрямую без оберток. Поддержка TypeScript обеспечивает безопасность типов и отличный опыт разработчика.
React SDK Пример: (открыт в Livecodes)
import LiveCodes from 'livecodes/react' ;
const config = {
markup : {
language : 'markdown' ,
content : '# Hello World!' ,
} ,
} ;
const Playground = ( ) => < LiveCodes config = { config } view = "result" /> ;
export default Playground ;Vue SDK Пример: (открыто в LiveCodes)
< script setup >
import LiveCodes from 'livecodes/vue' ;
const config = {
markup : {
language : 'markdown' ,
content : '# Hello World!' ,
} ,
} ;
</ script >
< template >
< LiveCodes :config =" config " view =" result " />
</ template >Кроме того, SDK позволяет создавать ссылки на игровые площадки:
import { getPlaygroundUrl } from 'livecodes' ;
const url = getPlaygroundUrl ( {
config : {
markup : {
language : 'markdown' ,
content : '# Hello World!' ,
} ,
} ,
} ) ;
console . log ( url ) ;Смотрите документы SDK для более подробной информации.
Комплексные документы для функций, начала работы, конфигурации и SDK доступны на:
https://livecodes.io/docs/
Документации включают демонстрации, образцы кода, скриншоты, сборники рассказов и типов.
Не отставать от последних изменений:
Мы приветствуем отзывы!
Пожалуйста, начните новую проблему или обсуждение.
Для отчетов о безопасности, пожалуйста, обратитесь к Security.md.
Вы также можете обратиться к нам, используя контактную форму.
Взносы приветствуются и высоко ценятся.
Огромный крик нашим замечательным участникам! Ваша тяжелая работа имеет все значение!
Пожалуйста, обратитесь к руководству взноса.
LiveCodes использует услуги, которые щедро предоставляются:
Пакеты, используемые LiveCodes и их лицензии, перечислены здесь.
MIT Лицензия © Hatem Hosny
LiveCodes бесплатный и открытый исход. Приложение не содержит рекламы и не требует подписки. Это позволяет неограниченное использование без каких -либо ограничений.
Спонсируя LiveCodes, вы будете поддерживать постоянную разработку и обслуживание проекта, а также помогать в том, чтобы он оставался ценным ресурсом для сообщества разработчиков.
Пожалуйста, подумайте о том, чтобы стать спонсором.
