vas3k / vas3k.club

No bullshit IT community with private membership
https://vas3k.club
MIT License
813 stars 241 forks source link

Replace EasyMDE with a modern editor #103

Closed mrdimidium closed 3 years ago

mrdimidium commented 4 years ago

Сейчас для редактирования постов/комментов используется simplemde, но он 5 лет не обновляется и весит 100KB (тянет огромный и заброшеный CodeMirror).

Возможно, стоит посмотреть на более современные и легковесные инструменты, например: ckeditor5 или quill (~50kb).

Может есть редакторы которые вам нравятся? Какие критерии у вас для подбора такого инструмента: MD, загрузка изображений, что ещё?

vas3k commented 4 years ago

С удовольствием перееду на аналог, если он выглядит и работает так же. Особенно интересует поддержка drag-n-drop загрузки файлов. Остальное пофиг.

Главное — никакого WYSIWYG и json-блоков. Чистый Markdown.

mrdimidium commented 4 years ago

@vas3k, привет. Как тебе tui.editor? MD, есть и WYSIWYG и текстовый режим. Есть официальная обёртка для Vue. Вроде не заброшен и как-то поддерживается. Поддерживает Live Preview.

Работа с изображениями тоже есть. Сходу не увидел drag-n-drop для файлов, но вроде и докрутить не сложно — поддерживает плагины.

vas3k commented 4 years ago

@nikolay-govorov щас потыкаю демки. WYSIWYG режим, конечно, сразу надо отключать, это жесть :)

Главный вопрос остается как раз про драг-н-дроп загрузку и автосохранение в local storage чтобы текст не терялся при креше браузера.

mrdimidium commented 4 years ago

@vas3k, как тебе? Чего-то не хватает?

vas3k commented 4 years ago

Ну я написал выше. Если всё это есть (и вообще удастся полностью воспроизвести поведение текущего редактора) — давай впиливать, я за. Лишь бы это не было очередной блестящей штучкой, которую через полгода задеприкейтят и опять придется переделывать.

syabro commented 4 years ago

автосохранение в local storage

мне кажется это проблема компонента-обертки а не редактора :)

vas3k commented 4 years ago

Я просмотрел все варианты выше и в интернете, и не нашёл ни одного редактора, который бы умел в визуальный маркдаун, и автокоррект на iOS, и в системную орфографию, и в другие запрашиваемые людьми фичи. Ищем дальше. Я открыт к предложениям

Нашёл кстати тред двухголовой давности от Nextcloud, где ребята решают ровно ту же самую проблему с ровно тем же самым результатом. Не нашли ничего и заменили на форк https://github.com/nextcloud/notes/issues/204

vas3k commented 4 years ago

Как и ребята в треде выше, я пока заменил SimpleMDE на его более современный форк — EasyMDE. Для пользователей не должно ничего поменяться, зато в нем меньше уязвимостей и код посовременнее.

Поиски идеального редактора, похожего на Github и iA Writer продолжаются.

mlnchk commented 4 years ago

На оф сайте vue есть сэндбокс с dead simple md editorhttps://codesandbox.io/s/github/vuejs/vuejs.org/tree/master/src/v2/examples/vue-20-markdown-editor

По большому счету это собственный велосипед, использующий marked под капотом, но в целом это не так плохо

skywinder commented 4 years ago

Как и ребята в треде выше, я пока заменил SimpleMDE на его более современный форк — EasyMDE. Для пользователей не должно ничего поменяться, зато в нем меньше уязвимостей и код посовременнее.

Не знаю, есть ли такой баг в оригинальном SimpleMDE, но про EasyMDE вот тут нашли небольшую багу https://github.com/vas3k/vas3k.club/issues/81

vas3k commented 3 years ago

Ладно, вроде опыт показал, что обновленный форк более-менее всех устраивает, так что закроем тикет до появления конкретных идей что еще можно улучшить