WYSIWYG浏览器编辑器生成* good * HTML?

时间:2010-04-09 00:15:56

标签: html editor wysiwyg

我在 -browser X?HTML编辑器中搜索“suck less”WYSIWYG ,生成良好 HTML代码。

(没有<font><foo style="..."><p></p><span></span><p><span>&nbsp;</span><span><span>blah</span></<span></p>等等 - <b><i>等等。

应该易于使用,因为它将被不知道HTML是什么的人使用。

有什么建议吗?

从Word准备好复制和粘贴的额外点数! : - )

(我找到了很多编辑器,但他们都创建了<font>和嵌套<span>垃圾,打破了网站设计,并使一个网站膨胀到100kB。)

11 个答案:

答案 0 :(得分:6)

下载当前版本的CKEditor并查看XHTML输出示例。它显示了如何使用完整的WYSIWYG,但它不生成字体或样式。您只需根据需要调整配置。

答案 1 :(得分:3)

WYMEditor怎么办?

  

WYMeditor的创建是为了生成结构完整的XHTML严格代码,以符合W3C XHTML规范,并促进现代应用程序的进一步处理。

     

使用WYMeditor,代码不会被字体样式和权重,边框,颜色等视觉信息污染。最终用户定义内容含义,这将通过使用样式表来确定其方面。结果是简单快速地维护信息。

我已经使用了一点,如果你有非常具体的需求,它需要相当多的调整,它开箱即用,简单的XHTML编辑。如果您设置了特别带注释的CSS文件,那么它将检测您希望用户使用的样式并阻止它们应用的级别元素。您还可以告诉它如何在编辑器中显示这些样式(这可能与您希望它们在生成的XHTML中显示的方式不同)。

当然,它会生成 XHTML ,而非HTML,因此可能无法满足您的确切需求。

答案 2 :(得分:2)

您可以使用Markdown with the WMD UI,这是Stack Overflow使用的那个。它总是生成有效的HTML代码。

答案 3 :(得分:2)

答案 4 :(得分:1)

我刚刚搜索了一个编辑器来创建可靠的文档,其输出适用于Subversion差异:https://superuser.com/questions/126621/wysiwyg-editor-for-structured-text-suitable-for-svn-versioning

建议的编辑器 - "KompoZer" - 结果非常棒,特别是因为它生成了非常干净的HTML(在我看来)。我说,虽然我最初更喜欢比HTML更精简的东西。

P.S。再次阅读你的问题,我不确定,你对“浏览器编辑器”的意思是什么?你在寻找一个可以集成在HTML页面中的编辑器吗? KompoZer基于浏览器,但它可能无法集成到HTML页面中。

答案 5 :(得分:1)

我最近将我的一个项目切换为降价以避免这个问题。用户仍然有一些学习曲线,但我没有必要处理从Word复制/粘贴内容时发生的常见问题,并想知道为什么它会爆炸。

话虽如此,我更喜欢CKEditor而不是TinyMCE和Telerik控件。我一般发现它会产生更清晰的HTML。

答案 6 :(得分:1)

有几个WYSIWYG编辑器可以嵌入你的网站。

WYMeditor(http://www.wymeditor.org/)看起来很漂亮,似乎非常适合用于定位干净有效的XHTML结果。

答案 7 :(得分:0)

Spaw2。虽然现在有点放弃了。

答案 8 :(得分:0)

Apple Cocoa NSTextView类导出相当不错的html,其中所有的小提琴都是通过在标题中指定样式表来完成的。 Apple TextEdit编辑器使用它。

答案 9 :(得分:0)

http://tinymce.moxiecode.com/ - 易于使用,可以导入W​​ord格式,并将格式限制为预定义的CSS样式,以提供一致的输出。

答案 10 :(得分:0)

此帖子现在已有8岁以上,但仍然有意义...

我找到了一个awesome github page,其中包含精选的WYSIWYG编辑器列表,其中包括一些WYSIWYM编辑器,它们可以保证html的健全。截至2018年,最新和最好的WYSIWYM看起来像ProseMirror,或者如果您正在寻找可以在一个文本字段中编辑整个网页(!)的ORY Editor