Android 18 sketch

Редактирование комментов + возможности нового редактора на базе Slate

На новом движке добавлена функция редактирования комментов. Свой коммент можно отредактировать в течение 5 минут после создания (а удалить-то пока нельзя, лол).

В верхнем правом углу коммента показывается иконка карандашика.

Если ее нажать, то покажется встроенная форма редактирования.

Вполне возможно, что надо отмечать каким-то значком, что коммент был отредактирован. А то первый товарищ напишет что-нибудь разумное, доброе и вечное, второй товарищ ответит, что полностью согласен. А первый воткнет в свой коммент что-то другое (надеюсь, не менее разумное), например "ТЫ ПИДОР", с чем тоже можно согласиться, но все-таки...

Что думаете?

Возможности нового редактора

Для создания и редактирования постов и комментов на m.joyreactor.cc используется новый редактор на базе Slate - https://www.slatejs.org/examples/. Выглядит так:

Выбрали решение Slate из-за больших возможностей кастомизации, но это все еще очень сырой инструмент. Может крашиться, может глючить. Его надо учить всем нужным функциям, шоткатам практически с нуля. Зато можно разработать уникальное решение именно под наши кудахторские нужды.

Наш редактор комментов может в том числе следующее:

- Он умеет вставлять в комменты видеогифки, таблицы и спойлеры.

Вот такие!

- Можно вставлять скриншоты прямо из буфера обмена (другие картинки тоже). Делаете скриншот с занесением в буфер обмена, тыкаете в поле редактора, жмете Ctrl+V. Или копируете картинку по правому клику в браузере, курсор в поле редактора, Ctrl+V.

- Можно драг-н-дропать картинки с диска. Одну или несколько сразу.

ссылка на гифку

- Можно вставить youtube- и vimeо-видео, coub напрямую в поле редактора по ссылке. Берете ссылку, устанавливаете курсор в нужное место в поле редактора и Ctrl+V.

1) Slate - сырой движок, не дошедший до первой стабильной версии. Сейчас он у нас 0.97.2. Это значит, что есть повышенная вероятность глюков и падений.

2) Плоховатенько работает на телефонах Android, но сообщество разработчиков потихоньку исправляет эту ситуацию. Из-за проблем с Android для написания комментов на мобильных телефонах мы показываем более простой редактор без Slate.

На нем можно написать простой текст и добавить несколько картинок сразу. Больше ничего при среднестатистическом способе использования и не надо, наверно.

3) Не работают многие сочетания клавиш. Этому редактор просто не научили. Редактор вообще многому не научили.

4) Многие говорят, что они хотят fine-tune'ить html при постинге.

Мы можем сделать вставку/редактирование сырого html, но дальше Slate нормализиует этот html согласно своим внутренним правилам. Например, внутрь тега p (абзац) нельзя класть другие блоковые теги (например, h1), можно класть только инлайновые теги (a, b, i, s). Нельзя ставить инлайновые теги и текст, не обернутый в блоковый тег, на верхний уровень редактора и т.д.

Для нас эта нормализация очень полезна, она позволяет отображать контент поста/коммента оптимальным способом на разных устройствах. Ну и нет загаженной верстки с мешаниной тегов всех уровней, которую так любит формировать наш старый редактор на основной версии сайта.

Коротко: вы сможете вставить и поправить html (когда мы сделаем такую кнопку), но этот html будет обработан в соответствии с правилами использования тегов.

5) В целом редатор ведет себя неидеально, есть большое поле для улучшений. Но возможности кастомизации перевешивают этот минус. Практически все можно поправить и улучшить.

Давайте тестить и радоваться, товарищи!