Раздетый CKEditor против Markdown - PullRequest
Новая
       10

Раздетый CKEditor против Markdown

14 голосов
/ 08 ноября 2010

Я изучал, почему редакторы WYSIWYG вредны для создания контента.Наиболее распространенная причина заключается в том, что они выводят неверный HTML.Но что, если я использую редакторы с ограниченной функциональностью?

Мои требования - это только возможность выделить курсивом, сделать текст жирным, создать упорядоченные / неупорядоченные списки и (возможно, позднее) добавить встроенные изображения.
MyНадеемся, что пользователи будут «постоянными» пользователями (небольшое количество непрофессионалов, часто использующих приложение)

В этом контексте, как мне выбрать между Markdown (редактор WMD) и урезанным WYSIWYG-редактором.Как повлияет производительность страницы?Я считаю верность и воспроизводимость данных очень важными.

Ответы [ 2 ]

17 голосов
/ 08 ноября 2010

Вы выбираете, учитывая вашу аудиторию. Вики-разметка и уценка для гиков. Ваши клиенты звучат так, словно они не фанаты, поэтому я бы предложил CKEditor или редактор в стиле Twiki (хороший, простой интерфейс Wysiwyg) для неопытных пользователей.

Основная проблема: зачем заставлять непрофессионалов изучать язык разметки, когда существуют надежные альтернативы?

См. Редактор пользовательских панелей инструментов в этой демонстрации CKEditor . Или проверьте TinyMCE .

8 голосов
/ 09 ноября 2010

ОК, я проверял оба. Даже для моих основных требований к форматированию 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>

и вывод уценки 

<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

Остальные вещи можно выучить постепенно
Разве так сложно спроектировать «базовый» редактор WYSIWYG?

EDIT

После добавления этих файлов в config.js вышеуказанная проблема решается 

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