javascript - 有没有办法从按钮打开 TinyMCE 弹出对话框？

Question

我想让 TinyMCE 作为弹出对话框打开并加载指定的内容进行编辑。

我在 div 中有一些文本，单击按钮后，我希望打开 TinyMCE 以编辑文本。

Answer 1

我相信您的模态弹出窗口需要像 Fancybox 这样的东西。其余的相当简单：

脚本（在 page1.htm 中）

<script>
$(document).ready(function() {
    $(".element").fancybox({
        fitToView   : false,
        width       : '500px',
        height      : '500px',
        autoSize    : false,
        closeClick  : false,
        openEffect  : 'none',
        closeEffect : 'none',

    });
});
</script>

然后，您需要将整个 Load TinyMCE 代码和 textarea 代码（如在他们网站上的 TinyMCE 演示和他们的下载中）加载到外部页面（page2.htm）中，然后您需要调用 page2.htm作为 Fancybox 中的 iframe，不确定这是否是正确的方法，但它适用于 Chrome 和 FireFox：

<a class="element" data-fancybox-type="iframe" href="page2.htm"><input type="button" value="Your Value Text"></a>

这些方面的东西应该做你想做的事。