我一直在研究为什么WYSIWYG编辑器对内容创建不利。给出的最常见的原因是它们输出不正确的html。但是如果我使用功能减少的编辑器呢?
我的要求只是斜体,文本粗体,创建有序/无序列表以及(可能在以后)添加内嵌图像的能力。
我的用户有望成为“持久”用户(经常使用该应用程序的少数非专业人士)
在这种情况下,如何选择Markdown(WMD编辑器)和&一个被剥夺的WYSIWYG编辑器。页面性能如何受到影响?我认为保真&数据的可重现性很重要。
答案 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> </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;