Javascript : FancyBox 내 ACE 편집기

Question

텍스트 상자/텍스트 영역 (톤)의 데이터를 표시하는 웹 응용 프로그램이 있습니다. 이 웹 응용 프로그램을 <div>으로 변경하면 ACE를 구현하는 것보다 많은 비용이 들기 때문에 문제는 아닙니다.

텍스트 영역/텍스트 상자를 클릭 할 때 FancyBox 내에 ACE 편집기를로드하는 예제를 만들려고했습니다.

내 예는 여기에 있습니다 : http://jsfiddle.net/espenfjo/tHqGd/5/

문제는이 새로운 this.content을 찾을 수 있습니다 자바 스크립트 ACE처럼 보이지 않는 그러나이다.

편집 : 물론 .. ACE로 멋진 텍스트 상자/텍스트를 만드는 방법에 대한 다른 솔루션도 매우 환영 할 것입니다.

Answer 1

<div> 대신에 $(".fancybox-inner")[0]을 사용했습니다. 이처럼

:

http://jsfiddle.net/espenfjo/tHqGd/8/가 지금은 텍스트 영역 (또는 무엇이든 정말)를 클릭하고 텍스트 영역을 갱신 ACE 편집기로 fancybox를 얻을 수 있습니다.