非常酷的浏览器设计模式的wysiwyg jquery编辑器问题

时间:2010-08-16 07:32:02

标签: jquery wysiwyg

我已经创建了一个很棒的jquery wysiwyg(丰富的编辑编辑器),但它使用“浏览器设计模式”来创建html,并用它来创建HTML而不是XHTML。

链接:http://premiumsoftware.net/cleditor/

老板说:

“CLEditor利用了浏览器设计模式功能,并且不会生成任何HTML本身。当您单击按钮或弹出项目时,会向浏览器发送命令,浏览器会确定要插入到文档中的实际HTML。 “

网站上的所有代码(CMS,...)都是XHTML,所以我不能回到HTML。 我想一下HTML到XHTML转换器,但这非常难看。在这个时候我将HTML存储在数据库中并接收textarea输出的HTML,对于网站我必须将html转换为xhtml。这是一个很好的光转换器在php for HTML to XHTML?

可以说这些“浏览器设计模式”可以创建XHTML吗?

谢谢!

2 个答案:

答案 0 :(得分:2)

WYSIWYG的问题在于HTML是一种标记语言 - 它不应包含人们对WYSIWYG编辑器所期望的任何风格信息,因此与手写代码相比,生成的HTML通常质量很差。除此之外,使用跨浏览器工作的富文本编辑器非常困难,因此几乎所有这些编辑器都使用(我认为)一种涉及iframe和一些Javascript mumbo jumbo的相当hackish方法...

我的建议是你使用的是你所看到的是什么(WYSIWYM)编辑器,就像在这里使用的wmd + Markdown组合一样。这几乎可以保证创建比您所建议的WYSIWYG编辑器更高质量的代码。您可以在此处查看:http://github.com/derobins/wmd


这一行

  

网站上的所有代码(CMS,...)都是XHTML,所以我不能回到HTML。

对我来说非常令人不安 - XHTML通常应该是HTML的严格子集,因此在“返回”HTML时不应该有任何问题。

浏览器设计模式是指即将在HTML5中引入的新/旧规范之一。参见

http://dev.opera.com/articles/view/rich-html-editing-in-the-browser-part-1/
http://blog.whatwg.org/the-road-to-html-5-contenteditable

了解更多信息。它没有任何开创性 - 生成的代码就像垃圾一样。

答案 1 :(得分:0)

它总是一样的。

您可以选择使用仅使用浏览器contentEditable功能的非常简单的编辑器,它仅限于每个浏览器提供的行为,或者您可以使用更复杂的编辑器来处理提供统一输出,控制何种类型的标记生成等...