有沒有辦法通過按鈕打開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>

遵循這些原則，應該可以完成您想要做的事情。