Редактор Trix расширяет форматирование абзаца на соседние абзацы

09.05.2021, 16:11. Показов 764. Ответов 0

Метки css, wysiwyg, javascript (Все метки)

Студворк — интернет-сервис помощи студентам

Помогите решить проблему с WYSIWYG редактором Trix. Если попытаться вставить изображение между двумя абзацами и сделать второй абзац цитатой, изображение также становится цитатой. На видео видно, что при нажатии кнопки цитаты картинка становится меньше, то есть становится частью блока цитаты. При этом на официальном сайте представленный на странице редактор работает более предсказуемо и корректно. Для наглядности прилагаю . Пример JSFiddle.

Причина, по-видимому, в том, что

HTML5
1
<span data-trix-cursor-target = "left" data-trix-serialize = "false"> </span>

HTML5
1
<span data-trix-cursor-target = "right" data- Теги trix-serialize = "false"> </span>

не отображаются инлайновыми и выглядят как обычные абзацы, даже если они в CSS определены как

CSS
1
displya: inline

. Попытка поиграть с CSS не дала результатов.

Миниатюры

Редактор Trix расширяет форматирование абзаца на соседние абзацы

IT_Exp

Эксперт

34794 / 4073 / 2104

Регистрация: 17.06.2006

Сообщений: 32,602

Блог

09.05.2021, 16:11

Ответы с готовыми решениями:

Форматирование абзаца
Исходные данные находятся в текстовом файле(-ах). Результаты обработки записать в другой(-ие) текстовый(-ые) файл(-ы). Имена файлов задает...

Форматирование абзаца заданного текст
Тема : Разработка кода программы форматирования абзаца заданного текст

Разгон Sapphire R9 290 TriX
Господа, нужна ваша помощь. Не получается разогнать данную видеокарту даже на чуть чуть. Сначала разгонял на 1100-1150 по ядру и 1400 по...

Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.

BasicMan

Эксперт

29316 / 5623 / 2384

Регистрация: 17.02.2009

Сообщений: 30,364

Блог

09.05.2021, 16:11

Помогаю со студенческими работами здесь

Автоматическое форматирование кода PHP (нужен редактор)
Ребят на носу диплом, нужно проект в божеский вид перед проверкой привести. Подскажите редактор с функцией автоформатирования кода....

Количество символов от абзаца до абзаца
Как программно можно узнать количество символов каждого с этих абзацев? Потом, например, поделить первый абзац на еще абзацы(если он больше...

Word : Последнее слово второго абзаца поставить в начало второго абзаца
Срочно нужна помощь в решении задачи 19. Word : Последнее слово второго абзаца поставить в начало второго абзаца.

Последнее слово второго абзаца поставить в начало второго абзаца
В Word'е написать макрос, который ставит последнее слово второго абзаца в начало второго абзаца. Что-то никак не получается написать.

Интерфейс расширяет IComparable<>
Есть задача, в которой нужно расширить своим интерфейсом интерфейс IComparable<>. Как решить проблему CS0535: 'class' does not implement...

Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:

Новые блоги и статьи Все статьи Все блоги /
Настройки VS Code Loafer 13.04.2026 { "cmake. configureOnOpen": false, "diffEditor. ignoreTrimWhitespace": true, "editor. guides. bracketPairs": "active", "extensions. ignoreRecommendations": true, . . .	Оптимизация кода на разграничение прав доступа к элементам формы Maks 13.04.2026 Алгоритм из решения ниже реализован на нетиповом документе, разработанного в конфигурации КА2. Задачи, как таковой, поставлено не было, проделанное ниже исключительно моя инициатива. Было так:. . .	Контроль заполнения и очистка дат в зависимости от значения перечислений Maks 12.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: реализовать контроль корректности заполнения дат назначения. . .	Архитектура слоя интернета для сервера-слоя. Hrethgir 11.04.2026 В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .
Подстановка значения реквизита справочника в табличную часть документа Maks 10.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .	Очистка реквизитов документа при копировании Maks 09.04.2026 Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .	модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий anaschu 08.04.2026 https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI	Блокировка документа от изменений, если он открыт у другого пользователя Maks 08.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .

Наверх