2013-02-22 24 views
0

我使用WYSIHTML5將textarea轉換爲編輯器。編輯很簡單。它提供了像粗體/下劃線/斜體和插入自定義變量的基本功能。WYSIHTML5 - 創建多個實例時速度很慢

當我只加載WYSIHTML5的一個實例時,Everthing正常工作,但是當我在列表中顯示5或10時,它將整個瀏覽器凍結1到2秒。

我猜我發現它需要這麼長時間的原因。當我啓動編輯器時,它會創建一個iframe,它是實際的編輯器。這是它掛起的部分。

是否可以加載一個div而不是iframe? 我知道有一個安全原因,爲什麼所見即所得的開發團隊採取iframe,但無論如何,它是非常緩慢的iframes。

+0

爲什麼不使用類似的CKEditor - 很容易插件,配置和使用,最大量的內容管理系統使用它 – Pete 2013-02-22 14:18:53

+0

@Pete的CKEditor是爲目的相當重。 WYSIHTML5是輕量級的,它有我需要的所有選項,但由於iframe的創建而變得如此遲鈍。 – Aley 2013-02-22 14:22:28

+0

啊,好吧,如果你無法使WYSIHTML5工作,那只是另一種選擇。 – Pete 2013-02-22 14:28:11

回答

0

我不確定WYSIHTML5輸入框是如何生成的,但提供了在目標頁面上包含所有必需的JS和CSS文件,是否有任何理由不能檢索所有使用ajax或php-包括?

E.g.

<?php include("source/of/the/editor.html");?> 

$.ajax({ 
    type:"GET", 
    url: "source/of/the/editor.html", 
    data: "", 
    success: function(data){ 
     $('.requiredDIVs').html(data); 
    } 
}); 
+0

這正是我所做的。當我申請'新的wysihtml5.Editor(...)'時,問題就會發生。它爲每個加載瀏覽器的textarea創建一個iframe。 – Aley 2013-02-22 15:15:12

+0

hmm ok查看插件的源代碼JS文件,它看起來很重要地使用iFrame設置。你可能很有可能自己編輯插件來改用div(但這會非常耗時)。正如@Pete建議'ckeditor'確實可以選擇使用div而不是iFrame,並且可以將它裁減一點,所以它不那麼重。對不起,我再也無法幫助 – dev 2013-02-22 15:27:38

+0

感謝您研究問題:) – Aley 2013-02-22 16:17:49