<rmcreative>

RSS

Все заметки с тегом «editor»

Можно уточнить:

  1. Monaco Editor

    2 апреля

    Я живо интересуюсь редакторами для веб. В 2016-м в процессе переделки yiiframework.com я пощупал CodeMirror. Недавно начал использовать Visual Studio Code и, удивившись что нечто на Electron может так годно работать (стоит вспомнить как затупливает иногда клиент Slack), начал смотреть на код и обнаружил, что сам JavaScript-редактор является отдельным проектом, который можно использовать у себя на страницах.

    Весит побольше, чем тот же CodeMirror, но в плюс документация, скорость работы с большими текстами, API и расширяемость. Можно, например, сделать из него редактор diff или редактор markdown с подсветкой кода в блоках.

    Пробуем

    2 комментария
  2. Visual Studio Code

    2 апреля

    Visual Studio Code, конечно, не заменяет полноценную IDE, но как редактор хорош. Я использую его как основной для задач вроде поправить быстро текстовый файл, будь то код или markdown или поработать с кодом, для которого не хочется покупать IDE.

    Как ни странно, создан редактор на базе Electron, но запуск приложения, отклик интерфейса при наборе текста, выделении и остальном быстрее многих нативных приложений. Редактор дополняется громадным числом расширений, работает на MacOS, Windows, Linux.

    Рекомендую

    5 комментариев
  3. ProseMirror

    17 октября 2017

    Marijn Haverbeke, автор CodeMirror релизнул версию 1.0 редактора ProseMirror.

    По типу его можно отнести к WYSIWYG, но от остальных он отличается кардинально иным подходом. Большинство других редакторов реализованы поверх contentEditable. То есть браузер сам решает, какой код выдать. Разные браузеры отрабатывают с разной степенью косячности и редактор после пытается весь этот HTML очистить. ProseMirror только рисует как-бы HTML. На самом деле редактируется более ограниченный текст типа markdown и уже после он конвертится в HTML.

    API очень и очень гибок. Можно, например, реализовать переключение с markdown на WYSIWYG или даже редактировать блоки кода через блоки с CodeMirror.

    Рекомендую

    Комментировать
  4. Аддоны для CodeMirror

    6 января 2016

    Несколько дней назад написал пару аддонов для CodeMirror — отличного настраиваемого редактора текста и кода для веб. Идеи возникли в процессе написания нового yiiframework.com.

    codemirror-buttons добавляет панельку с кнопками. Какие это кнопки, что делают, а также горячие клавиши настраивается через простой конфиг.

    codemirror-autosuggest вызывает окошко с подсказкой вариантов слова сразу после того, как напечатан определённый символ.

    Вместе получается примерно вот так. Попробуйте понажимать на кнопки, использовать CTRL + B и напечатать @.

    Несмотря на то, что API CodeMirror очень мощный и, в принципе, есть документация, писать аддоны под него не прочитав и не осознав весь его код практически невозможно.

    6 комментариев