javascript - 以编程方式生成代码笔链接 - Javascript

Question

我想生成带有预填充 CSS 数据的代码笔链接。

如何在 JavaScript 中以编程方式完成此操作？

我尝试将预填充的数据发布到 Codepen，但无法以编程方式生成 Codepen 链接。

Answer 1

您应该为此使用 CodePen API。

示例:

<form action="https://codepen.io/pen/define" method="POST" target="_blank">
  <input type="hidden" name="data" value='{"title": "New Pen!", "html": "<div>Hello, World!</div>"}'>

  <input type="submit" value="Create New Pen with Prefilled Data">
</form>

更多信息:

• https://blog.codepen.io/documentation/api/prefill/