Нужно создать ссылку, которая открывает шаблон сайта в Plunker или другом сайте?

Я хочу создать кнопку-ссылку на своем сайте, которая открывает папку с кодом в чем-то вроде Visual Studio Code онлайн с боковой панелью. Я нашел Plunker, и он выглядит великолепно.

У меня есть простой шаблон веб-сайта, представляющий собой папку с типичными файлами, такими как index.html, css и javascript. Я хочу, чтобы люди могли создать сайт из шаблона одним нажатием кнопки, войти в систему и сохранить свои изменения, а также сотрудничать с другими. Также было бы здорово иметь отслеживание изменений.

В конечном счете, я хочу внедрить его на свой собственный сайт, но я решил начать с установленного онлайн-инструмента.

Если есть что-то особенное, связанное с веб-картами, я использую MapBox GL.

Кто-нибудь что-нибудь знает?


visual-studio-code codepen mapbox-gl jsfiddle plunker
person nittyjee    schedule 03.09.2020    source источник

Ответы (2)


arrow_upward
1
arrow_downward

Встроенная версия Plunker может принимать форму POST, чтобы вы могли динамически настраивать редактор с пользовательскими файлами. Пример этого можно найти здесь.

В качестве альтернативы я создал мини-SDK для Plunker, чтобы помочь создавать такие динамические встраивания, которые публикуются на npm и источник которых на GitHub.

<script src="https://cdn.jsdelivr.net/npm/@plnkr/[email protected]/dist/index.js"></script>
<div id="embed"></div>
<script>
  const { showDynamicEmbed } = window['@plnkr/sdk'];
  
  // Generate the files for the dynamic plunk. This could easily
  // be generated on the fly by your application.
  const files = [
      {
          pathname: 'index.html',
          content: '<h1>Hello world</h1>',
      },
  ];

  showDynamicEmbed(
    {
        files,
        title: 'Hello world example',
        tags: ['hello', 'world'],
    },
    {
        deferRun: true, // Don't immediately run the preview
        show: ['index.html', 'preview'], // Open the index file and preview panes
        parentEl: document.getElementById('embed'), // Mount the embed in the #embed element
    }
  );
</script>

person Geoff Goodman    schedule 14.09.2020

arrow_upward
0
arrow_downward

Хоть что-то понял:

Создайте новую страницу или загрузите в плункер, а затем сохраните ее и используйте ссылку на нее. Если люди хотят использовать шаблон, они могут нажать кнопку вилки и сохранить его в своей учетной записи. Однако не совсем нашел, как просмотреть историю версий.

person nittyjee    schedule 04.09.2020