剥离CKEditor对Markdown

时间:2010-11-08 19:21:24

标签: wysiwyg markdown

我一直在研究为什么WYSIWYG编辑器对内容创建不利。给出的最常见的原因是它们输出不正确的html。但是如果我使用功能减少的编辑器呢?

我的要求只是斜体,文本粗体,创建有序/无序列表以及(可能在以后)添加内嵌图像的能力。
我的用户有望成为“持久”用户(经常使用该应用程序的少数非专业人士)

在这种情况下,如何选择Markdown(WMD编辑器)和&一个被剥夺的WYSIWYG编辑器。页面性能如何受到影响?我认为保真&数据的可重现性很重要。

2 个答案:

答案 0 :(得分:17)

您可以选择考虑您的受众群体。 Wiki标记和降价适用于极客。你的客户听起来可能不是极客,所以我会为非极客用户推荐CKEditor或Twiki风格的编辑器(好的,简单的Wysiwyg用户界面)。

基本关注点:当存在可靠的替代方案时,为什么迫使非专业人士学习标记语言?

请参阅this CKEditor demo中的自定义工具栏编辑器。或者查看TinyMCE

答案 1 :(得分:8)

好的,我测试了两个。 即使对于我的基本格式要求,CKEditor也生成了非常可怕的html

现在这是输入

This actually appears to be better  
I hope users understand what we are doing  
Lets see

But in the meantime

CKEditor输出

<p> This actually appears to be better</p>
<p> I hope users understand what we are doing</p>
<p> Lets see</p>
<p> &nbsp;</p>
<p> But in the meantime</p>

Markdown输出

<p>This actually appears to be better <br>
I hope users understand what we are doing <br>
Lets see</p>

<p>But in the meantime</p>

现在,如果这两者之间的区别是最基本的格式(换行符和段落),那么在200字的提交中会是什么样子。我想大多数用户只需知道这个

For line breaks, two SPACES and hit ENTER.
For new paragraphs, hit ENTER twice

剩下的东西可以逐步学习 是否难以设计一个“基本的”所见即所得编辑器?

修改

将这些添加到config.js之后,问题就解决了

config.enterMode = CKEDITOR.ENTER_BR;
config.shiftEnterMode = CKEDITOR.ENTER_P;