2013-02-22 59 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