重新发明轮子 - 所见即所得编辑器

时间:2010-03-04 07:55:09

标签: javascript iframe wysiwyg

我不知道我是否正在重新开车。

我需要设计一个在线WYSIWYG,用户可以在其中创建一个/两个/三个列的布局页面。所见即所得应该在设计模式和预览模式中有条件地显示内容。因此,WYSIWYG也应该有支持页眉和页脚也是如此。因此,WYSIWYG将至少有三个框(页眉,内容,页脚),最多可以包含六个框。

IFRAME支持designmode(开/关),它具有内容可编辑属性,大多数浏览器也支持它。虽然DIV也可以在最新的浏览器中正确编辑内容。由于有许多用户仍然使用IE6,可能选择IFRAME更好(需要你的建议)。

现在问题是我是应该使用6个IFrame还是只使用一个Ifrmae或者根本不使用Iframe?请建议。

感谢。

4 个答案:

答案 0 :(得分:3)

听起来像你正试图重新发明轮子。您应该能够使用内置模板支持的现有WYSIWYG编辑器之一。所以我建议您查看CKEditor,它可能具备您需要的所有功能。

答案 1 :(得分:1)

选择你喜欢的任何现有编辑器,但不要试图自己重新编辑,你会变得疯狂。

我甚至不知道你对WYSIWYG和“富文本编辑器”的区别是什么,主要的区别可能是没有基于网络的编辑器可以真正“你得到什么”,因为有很多小的问题。

无论如何,您似乎想要创建一个包含一个工具栏和多个编辑实例的页面,我认为所有主编辑都支持这一点,但我会避免使用基于框架(YUI或Google闭包)的页面,除非你已经在使用那个框架了。 请检查CKEditorTinyMCE等独立编辑器的功能。你很难得到那些更好的东西。

答案 2 :(得分:0)

不要重新发明轮子!如果您决定需要支持designmode iframe以及contenteditable,Google Closure Editor有一个非常高效的多个编辑表面实现,一次只能创建一个iframe。

答案 3 :(得分:0)

我会从Yahoo看到YUI Editor,YUI的东西确实支持拖放列编辑。我会说在这种情况下重复使用。
编辑:由于您说您想要编辑每页的多个区域,您还应该查看YUI Editor's Multi edit example page