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

Question

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

如何在javascript中以编程方式执行此操作？

我尝试将预先填好的数据发布到代码笔，但无法以编程方式生成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/