2010-11-03 115 views
2

奇怪的問題在這裏。在jQuery實例中添加和刪除tinyMCE實例

使用使用TinyMCE作爲文本編輯器的現有系統。

我創建了一個頁面,其中包含使用jquery sortables的大量移動div。現在TinyMCE似乎不喜歡在dom中移動,所以在做了一些研究之後,似乎我必須從被移動的div內的文本框中移除tinymce實例,並在拖動結束時將其添加回去。我可以很好地刪除實例,但是當我添加它時,它不會。

我有最新版本的TinyMCE,jQuery的稍舊版本(嘗試更新但沒有運氣)。

不能工作了這一點,因此這個職位:)

$(function() { 
    $("#categoryorder").sortable({ 
    opacity: 0.6, 
    cursor: 'move', 
    revert: true, 
    forcePlaceholderSize: true, 
    scrollSensitivity: 40, 
    start: function(e, ui) { 
      tinyMCE.execCommand('mceRemoveControl', false, 'textarea1'); 
    }, 
    stop: function(e,ui) { 
      // won't add back here for some reason 
      tinyMCE.execCommand('mceAddControl', false, 'textarea1'); 
      $(this).sortable("refresh"); 
    } 
    }); 
}); 

不知道爲什麼它不會加回,任何想法?

+0

這是停用並重新激活TinyMCE的情況下(這是可以做到的唯一途徑)的正確途徑。 我並不確切知道可排序的擴展名是幹什麼的(好吧,我知道它是幹什麼的,但從來沒有用過),但在這種情況下,我總覺得你可能會給簡單的javascript一個嘗試。其實,你會得到任何JavaScript錯誤? – Thariama 2010-11-03 09:41:03

+0

沒有任何JavaScript錯誤,這使得它更奇怪。不過,在升級tinyMCE之前,我確實遇到了一些構造函數錯誤,但自升級以來我就不再使用了。 – thats4shaw 2010-11-03 19:23:04

+0

這些是我在升級tinyMCE之前得到的錯誤。 1)tinymce.Editor不是構造函數(tinymce)2)u是未定義的(tinymce)3)this.parentNode爲null(jquery) – thats4shaw 2010-11-04 01:05:13

回答

9

我知道這是一個老氣的文章,但櫃面的人,如果使用Google針對此問題:

我不知道你正在努力實現與刷新調用可排序的。

但是這是我做過什麼,使之成爲我

我現在用的是jquery.tinymce工作 - 只是嘗試一下.. 我有TinyMCE的設置,在其他地方,所以我可以調用不同的設置取決於什麼我初始化但這個概念是健全的 - 所以這裏是我的啓動和停止方法排序

start : function(event, ui) { 
// mce editor needs to be removed and readded when move finsihed 
    $("textarea",ui.item).tinymce().remove(); 
}, 
stop : function(event, ui) { 
    $("textarea",ui.item).tinymce(myconfig.tinymcesettings); 
} 
+0

幫了我,thx ___ – Stefan 2012-06-08 16:23:14