如何以编程方式生成代码以在 jsfiddle.net 中显示?

How to programmatically generate code to display in jsfiddle.net?

我的目标是根据用户输入生成动态代码,然后以编程方式将该代码放入 jsfiddle,以便用户可以预览生成的代码以及 运行 结果。

我已经尝试使用 jsfiddler 库,它利用 phantomjs 来完成这项工作,但我得到的唯一输出是:

Failed to create JS Fiddle Failed with code: Error: spawn /Users/***/test/untitled folder/untitled folder/jsfiddler/node_modules/phantomjs/bin/phantomjs ENOENT

这是我的 javascript 代码:

var jsfiddler = require("./jsfiddler");

let options = {
  html: "<body>This is an example jsfiddle</body>",
  js: 'console.log("Example JS!")',
  css: "body { font-family: Helvetica, Arial, sans-serif; }",
  link: "http://netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css",
  script: "http://code.jquery.com/jquery-1.11.1.min.js",
  title: "JSFiddler Sample",
  description: "Sample page created via JSFiddler api module",
  normalize_css: true,
  wrap: "b" /* body */,
  dtd: 4,
};
jsfiddler.create(options, function (err, fiddlerUrl) {
  if (err) return console.error("Failed to create JS Fiddle", err);
  console.log("Created JS Fiddle: ", fiddlerUrl);
});

如果有任何其他方法可以实现目标,这也将非常有帮助,在此先感谢!

好吧,这个库使用的是旧版本的 phantomjs,它不再是可配置的。此外,软件包的安装不再有效。所以,你需要想出一些其他的解决办法。

可以显示未保存在 JSFiddle 中的 fiddle,使用 POST。

API 文档

https://docs.jsfiddle.net/api/display-a-fiddle-from-post

使用表单的示例

https://jsfiddle.net/3Lwgk4c5/