有没有办法从按钮打开TinyMCE弹出对话框?

时间:2013-04-18 03:50:03

标签: javascript jquery tinymce wysiwyg

我希望将TinyMCE打开为弹出对话框,并加载指定的内容进行编辑。

我在div中有一些文字,点击按钮后,我想打开TinyMCE来编辑文本。

1 个答案:

答案 0 :(得分:0)

我相信你的模态弹出窗口需要像Fancybox这样的东西。其余的很简单:

脚本(在page1.htm中)

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

    });
});
</script>

然后您需要在外部页面(page2.htm)中加载您的整个Load TinyMCE代码和textarea代码(如在他们的网站和下载中的TinyMCE演示中),并且您需要&#d; dd然后需要在Fancybox中将page2.htm作为iframe调用,不确定这是否是正确的方法,但它适用于Chrome和FireFox:

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

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