<rmcreative>

RSS

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

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

  1. ProseMirror

    17 октября 2017

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

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

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

    Рекомендую

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

    6 января 2016

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

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

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

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

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

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