Javascript 从TinyMCE插件访问数据

Javascript 从TinyMCE插件访问数据,javascript,tinymce,Javascript,Tinymce,我正在尝试为TinyMCE创建一个简单的插件,它可以将一个值传递回以插入编辑器。由于我的要求,我需要使用自定义窗口 我一直试图接近教程,但是我找不到一种方法从onsubmit回调中的插件获取数据 下面是一个简化的plugin.js tinymce.PluginManager.add('imageselect',函数(编辑器,url){ })) 我还在应用程序中添加了一个路由和视图来呈现自定义窗口。它表现得很好 <div id="thumb_container"> <in

我正在尝试为TinyMCE创建一个简单的插件,它可以将一个值传递回以插入编辑器。由于我的要求,我需要使用自定义窗口

我一直试图接近教程,但是我找不到一种方法从onsubmit回调中的插件获取数据

下面是一个简化的plugin.js

tinymce.PluginManager.add('imageselect',函数(编辑器,url){

}))

我还在应用程序中添加了一个路由和视图来呈现自定义窗口。它表现得很好

<div id="thumb_container">
    <input type="textbox" name="selected_image" value="foobar" />
    <% @photos.each do |p| %>
        <div style="float: left; margin: 1em;">
            <%= image_tag p.image.url(:thumb), class: "thumb img-polaroid" %> <br />
        </div>
    <% end %>
</div>


我的想法是在这个视图中编写一些javascript,用名称selected\u image填充文本框的值。然后,我希望在该窗口关闭时获取该值,并将其附加到编辑器中

问题是当编辑器关闭并执行onsubmit的回调时,e.data.selected_图像的计算结果为undefined


我缺少了哪一条线路才能让它正常工作?

因此我进一步研究了这一点,并想报告我的解决方案,以防将来有其他人遇到同样的问题

我需要做的是在自定义窗口中添加一些TinyMCE javascript。然后,我添加了一个事件处理程序来更新编辑器

下面的代码片段可用于从我的自定义页面访问编辑器

window.parent.tinyMCE.activeEditor.execCommand( 'mceInsertContent', 0, selected_image );
tinyMCEPopup.close();

我不完全确定这是否是处理问题的最佳方式,在接受我自己的答案之前,我会接受其他解决方案和建议。

因此,我进一步深入研究了这一点,并希望报告我的解决方案,以防今后有其他人遇到同样的问题

我需要做的是在自定义窗口中添加一些TinyMCE javascript。然后,我添加了一个事件处理程序来更新编辑器

下面的代码片段可用于从我的自定义页面访问编辑器

window.parent.tinyMCE.activeEditor.execCommand( 'mceInsertContent', 0, selected_image );
tinyMCEPopup.close();
我不完全确定这是否是处理事情的最佳方式,在接受我自己的答案之前,我是否愿意接受其他解决方案和建议