需要创建链接，打开Plunker或其他网站的网站模板？

Question

我想在我的网站上创建一个按钮链接，在类似Visual Studio code online的东西中打开一个代码文件夹，并带有一个侧边栏。我找到了普朗克，它看起来很棒。

我有一个简单的网站模板，是一个典型的文件，如index.html，css和javascript的文件夹。我希望人们能够通过点击一个按钮从模板创建一个网站，登录并保存他们的更改，并与其他人合作。如果能跟踪变化也是很棒的。

最终，我想将其内化到我自己的站点中，但我认为我应该从一个已建立的在线工具开始。

如果有什么特别的涉及网络地图，我使用的是MapBox GL。

有人知道些什么吗？

Answer 1

嵌入式版本的Plunker可以接受POST-ed表单，因此您可以使用自定义文件动态设置编辑器。一个这样的例子可以在here中找到。

或者，我为Plunker创建了一个迷你的'SDK‘来帮助创建这样的动态嵌入，它发布在npm上，其源代码是on GitHub。

​

<script src="https://cdn.jsdelivr.net/npm/@plnkr/sdk@1.0.0-pre.1/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>

​

Answer 2

至少弄清楚了一些事情：

创建一个新页面，或者在plunker中创建"Plunk“，然后保存它，并使用它的链接。如果人们想要使用模板，他们可以点击"fork“按钮，并将其保存到自己的帐户中。不过，我还不知道如何查看版本历史。