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

Question

我想用预填充的 css 数据生成代码笔 link。

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

我尝试将预填数据发布到代码笔，但无法以编程方式生成代码笔 link。

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/

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

Generate Code pen link programmatically - Javascript

javascript

codepen