剥离CKEditor对Markdown

Mr *_*yde 14 markdown wysiwyg

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

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

在这种情况下,我如何选择Markdown(WMD编辑器)和一个精简的WYSIWYG编辑器.页面性能如何受到影响?我认为数据的保真度和可重复性很重要.

Pau*_*sik 17

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

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

请参阅此CKEditor演示中的自定义工具栏编辑器.或者查看TinyMCE.

  • 谢谢.你的答案让人放心.我一整天都在阅读为什么Markdown/Textile比WYSIWYG更好.有点害怕. (2认同)

Mr *_*yde 8

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

现在这是输入

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

But in the meantime
Run Code Online (Sandbox Code Playgroud)

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>
Run Code Online (Sandbox Code Playgroud)

和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>
Run Code Online (Sandbox Code Playgroud)

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

For line breaks, two SPACES and hit ENTER.
For new paragraphs, hit ENTER twice
Run Code Online (Sandbox Code Playgroud)

其余的东西可以逐步学习
是否难以设计一个"基本的"所见即所得编辑器?

编辑

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

config.enterMode = CKEDITOR.ENTER_BR;
config.shiftEnterMode = CKEDITOR.ENTER_P;
Run Code Online (Sandbox Code Playgroud)

  • +1但是......哈哈.您认为CKEditor会产生可怕的HTML吗?尝试在M $ Word中创建一个页面,然后将其导出为HTML.警告:你可能需要一个铅围裙和核武色调!在你看到之前,你还没见过丑陋! (6认同)
  • 您的用户不关心内部代码(只要他们是普通用户),因此他们不关心enter是否生成P或BR,他们只希望编辑器尽可能多地作为MS-Word工作.如果您认为您的用户会很乐意学习Markdown或其他语法,但在任何其他情况下,请考虑在样式表中设置p {margin:0}并使用具有所需功能的WYSIWYG编辑器. (3认同)