В середине 2018 года в Sports.ru задумались о переезде на новый WYSIWYG-редактор текста для пользовательских постов. С июня 2019 года редактор работает в режиме бета-версии. За это время мы решили множество проблем, связанных как с проектированием архитектуры всего сервиса, так и с реализацией самого редактора в браузере на основе библиотеки ProseMirror, и решили поделиться своим опытом.
Рубрика «rich text edit»
Как в Sports.ru писали свой WYSIWYG-редактор
2020-03-13 в 14:54, admin, рубрики: rich text edit, wysiwyg, wysiwyg-редактор, Блог компании Sports.ru | Tribuna Digital, проектирование сайтов, Разработка веб-сайтовПишем простой WYSIWYG-редактор с помощью ProseMirror
2020-03-11 в 16:04, admin, рубрики: javascript, ProseMirror, rich text edit, wysiwyg, Блог компании Sports.ru | Tribuna Digital, Разработка веб-сайтовКогда в Sports.ru понадобился свой WYSIWYG-редактор, мы решили сделать его на основе библиотеки ProseMirror. Одной из ключевых особенностей этого инструмента является модульность и широкие возможности кастомизации, поэтому с его помощью можно очень тонко подогнать редактор под любой проект. В частности, ProseMirror уже используют в The New York Times и The Guardian. В этой статье мы расскажем о том, как с помощью ProseMirror написать свой WYSIWYG-редактор.
Разработка Rich Text Editor: проблемы и решения
2018-03-05 в 10:26, admin, рубрики: css, frontendconf, javascript, rich text edit, Блог компании Конференции Олега Бунина (Онтико), Клиентская оптимизация, ПрограммированиеТекстовые редакторы, как тип программного обеспечения, появились чуть позже чем динозавры, и вероятнее всего это был вообще первый софт, с которым вы столкнулись в своей жизни, возможно кто-то даже застал MS-DOS Editor.
Однако с переходом большой части ПО в браузеры актуальны и соответствующие визуальные редакторы Rich Text Editors, и проблемных мест в их разработке масса. Если вы по какой-то причине решили сделать свой собственный редактор, то подумайте еще раз — есть мнение, что делать этого не нужно.
Чтобы вы могли принять более взвешенное решение, Егор Яковишен обобщил весь свой опыт, полученный в процессе создания Setka Editor, и рассказал про проблемы, с которыми придется столкнуться, и что можно предпринять для их решения.
Disclaimer: статья написана на основании доклада Егора на конференции Frontend Conf 2017 в июне 2017 года. Ситуация с поддержкой браузерами определенных API с тех пор уже могла измениться.
Как мы сделали Rich Text Editor с поддержкой совместного редактирования под Android
2015-12-25 в 8:19, admin, рубрики: android, android development, rich text edit, SaaS, saas приложения, wrike, Блог компании Wrike, Программирование, разработка, разработка мобильных приложений, Разработка под android
«Мобилизация» рабочих процессов в компаниях означает, что на телефон или планшет переносится все больше функций для совместной работы. Для Wrike, как кроссплатформенного сервиса управления проектами, важно, чтобы функционал мобильного приложения был абсолютно полноценным, удобным и не ограничивал пользователей в работе. И когда встала задача создать Rich Text Editor с поддержкой совместного редактирования описания задач, мы, оценив возможности существующих WebView компонентов, решили пойти своим путем и реализовали собственный нативный инструмент.