如何以编程方式生成代码以在 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/
我的目标是根据用户输入生成动态代码,然后以编程方式将该代码放入 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/