【问题标题】:Is there a way to open TinyMCE popup dialog from a button?有没有办法从按钮打开 TinyMCE 弹出对话框?
【发布时间】:2013-04-18 03:50:02
【问题描述】:

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

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

【问题讨论】:

  • 您可以在 HTML 页面中包含 TinyMCE,然后弹出该 HTML 页面。
  • 你可以调用exec命令打开html视图

标签: javascript jquery tinymce wysiwyg


【解决方案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>

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

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

类似的事情应该做你想做的事。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2018-02-08
    • 2012-06-10
    • 1970-01-01
    • 2023-04-10
    • 2021-10-17
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多