如何以编程方式生成代码显示在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,它不再是可配置的。此外,包的安装不再工作。所以,你需要想出一些其他的解决方案。

最新更新