6

Редактор Summernote по умолчанию включает режим "жирный" при фокусе на пустом окне редактора:


(источник: scaleengine.net)

Что нужно сделать, чтобы отменить это поведение? Я не нашел явных настроек конфигурации, очевидно, он эту информацию откуда-то берет, но даже подмена document.queryCommandState не помогла. Система целиком висит на опенкарте, который сам по себе кхм-кхм как в части исполнения, так и документации, поэтому проблему сложно оттрейсить.

Summernote вызывается самым обычным способом:

$('textarea').summernote();
11
  • Минимального фиддла не будет?
    – Nofate
    12 мая 2015 в 21:58
  • @Nofate Добавил, но он реально минимальный.
    – etki
    12 мая 2015 в 22:03
  • Лучшая документация - код, угу. Найти код, который выполняется по нажатию этой кнопки, прописать debugger; в этой функции, обновить страницу, проанализировать call stack. 12 мая 2015 в 22:26
  • @YuraIvanov, я пробовал раскручивать (не через клик-хендлер, правда), и уперся в некоторое количество методов, работу которых не понимаю и не хотел бы тратить время на них (document.queryCommandState, например).
    – etki
    12 мая 2015 в 22:32
  • А подробнее можно? Скачал архив с главной, открыл пример из /examples/textarea.html, убрал в примере текст из textarea и открыл файл в браузере - никакого жирного выделения нет. Добавил в textarea строку <p><b></b></p> - никакого выделения нет, добавил <p><b>&nbsp;</b></p> - выделение появилось. Может быть у вас содержимое не пустое? Попробуйте воспроизвести на этом (можно через встроенный редактор, но у меня коммент, поэтому только fiddle)
    – BOPOH
    13 мая 2015 в 3:39

1 ответ 1

5

Проблема оказалась тривиальной: у Summernote нет конфигурации включенных стилей по умолчанию (во всяком случае, я ничего такого не обнаружил), однако он подтягивает стили того элемента, на котором установлен курсор. Textarea (равно как и заменивший ее элемент summernote) лежала внутри label, к которому применялось правило font-weight: bold, на который и срабатывал Summernote. Простого

label * {
    font-weight: normal;
}

хватило для решения проблемы.

Спасибо @ReinRaus за подталкивание меня в нужном направлении.

4
  • Что-то у вас решение оказалось страшнее проблемы :) <label> же не просто так жирным делался, а вы взяли и поломали дизайн всех форм на сайте. Лучше вынесите <textarea> за пределы тэга <label>, чтобы стили не применялись там, где не надо. 15 мая 2015 в 12:49
  • @PavelMayorov Там очень все плохо в проекте, проще было докинуть правило, чем разгребать верстку.
    – etki
    16 мая 2015 в 22:43
  • Сделайте тогда отдельное правило именно для Summernote. А то в проекте стенает только хуже. К примеру, label .summernote подойдет. 17 мая 2015 в 5:43
  • @PavelMayorov оно через style инжектится только на этой странице. Ну и немного в другом виде, я не помню, какие конкретно элементы там перечислены.
    – etki
    17 мая 2015 в 7:43

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.