Javascript:FancyBox中的ACE编辑器

Javascript: ACE editor inside a FancyBox

本文关键字:ACE 编辑器 中的 FancyBox Javascript      更新时间:2023-09-26

我有一个web应用程序,它在文本框/文本区域(吨)中显示数据。将此web应用程序更改为使用<div>确实是不可能的,因为它的成本将高于实现ACE的收益。

我试图创建一个示例,当单击文本区域/文本框时,在FancyBox中加载ACE编辑器。

我的例子如下:http://jsfiddle.net/espenfjo/tHqGd/5/

然而,问题是ACE javascript似乎找不到新的this.content

编辑:当然。。关于如何使用ACE制作精美文本框/textares的其他解决方案也将非常受欢迎。

我使用了$(".fancybox-inner")[0],而不是使用自己的<div>

像这样:http://jsfiddle.net/espenfjo/tHqGd/8/

现在我可以点击一个文本区域(或者其他任何真正的),并获得一个带有ACE编辑器的fancybox来更新文本区域。