Javascript 从TinyMCE插件访问数据
我正在尝试为TinyMCE创建一个简单的插件,它可以将一个值传递回以插入编辑器。由于我的要求,我需要使用自定义窗口 我一直试图接近教程,但是我找不到一种方法从onsubmit回调中的插件获取数据 下面是一个简化的plugin.js tinymce.PluginManager.add('imageselect',函数(编辑器,url){ })) 我还在应用程序中添加了一个路由和视图来呈现自定义窗口。它表现得很好Javascript 从TinyMCE插件访问数据,javascript,tinymce,Javascript,Tinymce,我正在尝试为TinyMCE创建一个简单的插件,它可以将一个值传递回以插入编辑器。由于我的要求,我需要使用自定义窗口 我一直试图接近教程,但是我找不到一种方法从onsubmit回调中的插件获取数据 下面是一个简化的plugin.js tinymce.PluginManager.add('imageselect',函数(编辑器,url){ })) 我还在应用程序中添加了一个路由和视图来呈现自定义窗口。它表现得很好 <div id="thumb_container"> <in
<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();
我不完全确定这是否是处理事情的最佳方式,在接受我自己的答案之前,我是否愿意接受其他解决方案和建议