标签: jsbin

我正在学习JavaScript.我正在使用在线编辑器Jsbin来运行javascript.我想将ES6与Babel一起使用.我看过一些教程或JSBins在编辑器中有babel选项卡.有关详细信息,请参阅屏幕截图.我无法弄清楚如何ES6/Babel在JSbin中获取此选项卡.有人可以帮我这个吗？谢谢.

在JsBin中,我在Firefox和Chrome中收到错误"Rx.Observable.just不是函数".JsBin示例:http://jsbin.com/vunuta/edit？html,js,console

HTML:

script src="https://npmcdn.com/@reactivex/rxjs@5.0.0-beta.7/dist/global/Rx.umd.js">

打字稿:

Rx.Observable.from ([1,2,3]).subscribe(x => console.log(x)); // Work
Rx.Observable.just (99).subscribe(x => console.log(x)); // Fail
Rx.Observable.return (99).subscribe(x => console.log(x)); // Fail

TX

我在使用chrome调试用js bin编写的js代码时遇到问题.

每当我编辑/点击运行JS时,都会生成新的源文件,并且没有命中旧的断点.

你对这个问题有什么解决方案吗？

这是一个由以下片段引发的警告:

a="hello\
world"

显然,除非设置了特定选项,否则JsBin不支持行继续符.

如何设置提到的多字符串选项？

谢谢.

为什么这个 SVG 图像在这个 500 像素的容器内以 150 像素的高度显示？为什么是这个特定值？

我在 js bin 和 Codepen 中都发现了这种奇怪的行为，所以我认为这与我的代码有关，而不是与在线编辑器有关。

注意：一个 700px 的 div 容器会产生同样的结果。所以父母的身高并不重要。

<div style="padding: 30px; background-color: yellow; height: 500px; width: 500px; ">
<svg>

  <pattern id="basicPattern" x="10" y="10" width="40" height="40" patternUnits="userSpaceOnUse" >
      <rect x= "0" y="0" width="4" height="4"
            stroke = "red"
            stroke-width = "1"
            fill = "black"/>
  </pattern>
  <!-- <rect x="0" y="0" width="300" height="151" // why this deletes the bottom line? -->
  <!-- <rect x="0" y="0" width="300" height="150" // why this deletes 1 px from …

我想在像JSFiddle或JavaScript Bin这样的沙箱中创建Polymer元素的快速原型,但是我无法让它工作!

我是JavaSript的新手,我喜欢JS Bin,但在桌面上没有任何东西可以用于开发.有没有办法使用JS Bin而无法访问该网站？

当我访问 Codecademy 或 JSBin 等网站时，我注意到它们允许您查看控制台输出。这是如何运作的？

只是为了澄清，假设用户在文本框中键入此内容

console.log('hello');

如何在实际网页上输出而不是在浏览器的控制台上输出？

我在.Net Core 2和Angular 6中有一个网站.我正在尝试使用angular或javaScript创建一个代码编辑器,它将与网站的一部分进行交互,从父级到嵌入式方向,而不是相反,这个代码可以提交给我的服务器一旦完成.可以是任何其他喜欢jsfiddle,jsbin等的编辑器......

所以我对下面的图片很难.我想在我的网站上嵌入类似于Plunker Editor的东西,在这个页面中会有一些事件将被发送到这个嵌入式的plunker,我相信是一个iframe.另外我想知道plunker是否可以提交代码,现在可以通过在内部创建一些按钮并通过Web发送它来手动下载.

PS:对不起,下面的平局上写的是splunk,但我的意思是plunker.

Is it possible to have something like this. If yes, How?

编辑:

另一种可能的解决方案可能是stackblitz,它具有连接到github的能力.

先决条件:用户需要有一个github帐户,让我知道它的地址是什么.

所以我可以加载stackblitz嵌入式可以做的负载:

1. 从github加载角度代码(根据他们的API可能)
2. 通过github API从stackblitz提交,是否可能？如果有,怎么样？
3. 据我所知,可以从父页面到iframe进行通信,因此stackblitz可以从理论上获取该事件的数据.

如果可能的第1点和第2点是否有任何实例？

我以为我会为别人分享这个答案,因为我花了一些时间才弄明白:

我正在使用jsbin和jsfiddle来测试网页.我有很多javascript和CSS文件(以及从CSS文件引用的图像).我使用DropBox来存储使用Javascript和CSS的文件夹和文件.问题是Dropbox最近使用公共文件夹更改了他们的策略.如果您从非公共文件夹共享一个CSS文件的链接,您将无法获得CSS(text/css)mime类型,而是一个格式良好的text/html.在JSBIn(firebug)中,您将看到并出现如下错误:

The stylesheet https://www.dropbox.com/s/y9ms5jr6zqdans2/leaflet.css was not loaded because its MIME type, "text/html", is not "text/css".