如何以编程方式生成代码以在 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);
});

如果有任何其他方法可以实现目标,这也将非常有帮助,提前致谢!

解决方法

可以使用 POST 显示未保存在 JSFiddle 中的小提琴。

API 文档

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

使用表单的示例

https://jsfiddle.net/3Lwgk4c5/
,

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

相关问答

错误1:Request method ‘DELETE‘ not supported 错误还原:...
错误1:启动docker镜像时报错:Error response from daemon:...
错误1:private field ‘xxx‘ is never assigned 按Alt...
报错如下,通过源不能下载,最后警告pip需升级版本 Requirem...