Пост

Я решил попробовать заменить привычный редактор на Editor.js в LibArea — и вот что из этого получилось.

screenzy-1754759866259.jpg#680px #392px
screenzy-1754760281315.jpg#679px #510px
screenzy-1754760194222.jpg#677px #497px

Ссылка на gif

В целом, для простых заметок старый редактор остаётся хорошим вариантом. А вот если вам хочется больше визуальных фишек и гибкости при оформлении — Editor.js может понравиться.

Тестировал на 0.8.0

8 Ответов

  1. Проблема тут в том, что Editor.js отдает HTML и он хранится в базе, как HTML, а если это HTML то надо делать защиту, использовать библиотеку, которая будет фильтровать HTML. Без неё тут большая дыра станет.

    Старый посты храняться в разметке Markdown, где в библиотеке есть эта защита.

    Вообще, я ещё после релиза, где-то в сентябре (надеюсь время будет больше) ещё раз посмотрю на редактор.


    Если делать всё по уму, и если нужен перевод всего движка, то надо весь скрипт переводить на HTML и отказываться от Markdown, библиотек, которые тут используются или делать более сложную логику обработки. Старый посты в базе, которые уже в Markdown разметке переводить в html, написанием конвертора и т.д. Работы дофига. Кроме того, я не знаю насколько редактор EditorJS поддерживает Markdown.

    Вы допустим готовы не использовать Markdown разметку, а я нет. И много ещё людей которые не хотят отказываться от неё. И в этом тоже я вижу проблему.

    Короче. Тут не просто поменять редактор. Если делать всё верно.

    1. image.png
      Я не говорю что нужно менять его. Можно интегрировать htmlpurifier в сам редактор

      1. Раньше была такая библиотека как Jevix. Использовалась на Хабре. Хз насколько она сейчас актуальна.

        1. Она старая, но её можно подредактировать. Т.е. её надо добавить, а Markdown файлы убрать. Или сделать сложную логику конверсии одно в другое.

          Почему я говорю, это как бы не совсем просто в рамках LibArea, если только курочить и серьезно. Более элегантного решения пока нет.

          1. Я попробую написать cherry markdown в стиле editorjs блочным

            1. В редакторе cherry markdown мы можем так же вызывать меню слешем «/». Я только не совсем разобрался, как менять содержимое этого меню на то, что надо. По этому тут эта возможность убрана. Может это инфа будет полезна.

              Вот демо, там можно попробовать вызывать меню слешем «/».

              1. clck.ru/3Njrmh

  1. Святой ты человек! а есть возможность в общий доступ выкатить сие чудо? я сам не шарю и документация Editor.js никак не поможет мне поставить его в LibArea)