TinyMCE 4 自定义插件 - 从 iframe 中获取价值

Question

我正在尝试将自定义图像管理器作为插件实现到 TinyMCE 4 中。 我的图像管理器需要在 iFrame 中（它是一个 PHP 页面）。 这就是我的插件代码的样子。插件代码工作正常。

如何将 iframe 内 PHP 页面的图片路径返回到插件的 ´scr` 字段中？

一个实际的例子会很棒（因为我对javascript不太了解）。

tinymce.PluginManager.add('example', function(editor, url) {

    editor.addButton('example', {
        text: 'My button',
        icon: false,
        onclick: function() {


            editor.windowManager.open({
                title: 'Example plugin',
                width: 980,
                height: 800,
                body: [
                    {type: 'textbox', name: 'scr', label: 'URL'},
                    {type: 'textbox', name: 'title', label: 'image-Beschreibung'},
                    {type: 'iframe', name: 'imageframe', url: 'imagedb.php', minWidth: '690', minHeight: '670'}

                ],
                onsubmit: function(e) {
                    editor.insertContent('<img src="' + e.data.scr + '">');
                }
            });
        }
    });
});

Answer 1

一种方法是将 php 变量打印到 html 文档中，您可以创建一个 javascript 变量来保存 image_path 作为值。稍后可以使用此值将其放入编辑器中。

例子：

<?php
 $test1 = '1';

 print '
 <script type="text/javascript">
      var new_var = "<?php print($test1); ?>"
      console.log(new_var);
 </script>';
 ?>

您可能还想查看另一个示例。看看这个线程：Pass a PHP string to a JavaScript variable (and escape newlines)