Комментарии 6
Картинка по URL не вставляется. Вставки таблицы не нашел. Вместо печатанья точки выскакивает контекстное меню. А так симпатично. (Firefox 133)
Спасибо за фидбэк) По пунктам:
- Картинки - мой косяк, не успел потестить полноценно (
- Таблицы - к сожалению не уложился в срок, поэтому специально для таких конструкций создал по сути блок для сырой вставки уже готовых html/markdown структур - RawNode (в левой панельке в самом низу с иконкой фигурных скобок) там можно что угодно вставить и там же превьюить
- У меня там два кейса для тултипа подсказок, для эмоджи - двоеточие, для списка блоков - слэш, причем первый кейс проверяет key, а второй по code, поэтому возможно какой то граничный случай с раскладкой который я не учел - посмотрю
Теперь взять клод/кодекс, натравить на эту статью и репу, и попросить составить промпт до 100 слов, для oneshot разработки такой штуки с нуля, и чтобы в этот промпт уместились требования к процессу тестирования для обеспечения полноценного feedback агенту.
Будет интересно посмотреть на результат, хороший способ для проверки чистоты архитектуры, если ИИ-шка сможет в 100-строчный промпт уместить это все и с первой итерации выдать подобный или лучше по качеству сервис то с одной стороны это значит что в целом все достаточно хорошо спроектировано, с другой - программисты не нужны, ИИ-шка заменит всех, роботы захватят мир и что то еще в таком духе))
Поведение contenteditable - это шляпа, подтверждаю. Я так и не смог победить, правда у меня чуть сложнее задача была - примитивный редактор кода с подсветкой. Пришлось в итоге пойти путем, которым идут почти все такие редакторы - адовый костыль с невидимой textarea и наложенным на него дивом с форматированным текстом
Ого, редактор кода с нуля - это путь самурая в прямом смысле даже если примитивный))
Нужно предусмотреть огромное количество кейсов учитывая разное поведение contenteditable в разных браузерах и знать достаточно хорошо теорию компиляторов либо же для более простых редакторов я думаю можно обойтись регулярками. Именно поэтому я у себя там специально для вставки блока с кодом подключил внешнюю либу который тоже по сути работает так как вы говорите (невидимый textarea) - uiw

30 дней: блочный конструктор README — один DOM, два хозяина