Перейти к публикации

Рекомендованные сообщения

В DLE 15.1 редактор TinyMCE (на уровне кода) постоянно добавляет в конце всего текста лишний пустой абзац:

<p></p>

Избавиться от этой заразы никак нельзя.

Более того, если добавить класс к последнему абзацу:

<p class="my_own"></p>

то TinyMCE всё равно добавит в конце еще один пустой абзац.

Разработчик может указать, где можно отключить эту гадскую особеность редактора?

А Froala такого не делает...

Ссылка на сообщение
Поделиться на других сайтах

Нет таких настроек у редактора, это не включается и не отключается настройками.

Ссылка на сообщение
Поделиться на других сайтах
1 минуту назад, celsoft сказал:

Нет таких настроек у редактора, это не включается и не отключается настройками.

Как же отключить авто добавление <p>, чтобы если человек сам нажал Enter только тогда вставляется абзац?

Ссылка на сообщение
Поделиться на других сайтах

На самом деле редактор ничего сам не добавляет. Это добавляете вы, когда заходите в редактирование исходного кода, и ставите курсор в самый конец текста, когда закрываете редактирование исходного текста. Это говорит о том что вы дальше собираетесь писать текст, редактор запоминает позицию курсора и идет автоматическое добавление параграфа в место курсора.

Поэтому просто не оставляйте курсор в конце, а ставьте его например в выше на какую то часть текста.

Ссылка на сообщение
Поделиться на других сайтах

В TinyMCE есть кстати еще недоработка. Суть такая: 

Предположим есть текст, состоящий из 3 и более абзацев, которые идут друг за другом. Если второй абзац выделить и сделать спойлер, то получится такая конструкция.

<p>Абзац 1</p>
<p>
<div class="title_spoiler">показать скрыть текст</div>
<div class="title_text">Абзац 2</div>
</p>
<p>Абзац 3</p>

Тег p является блочным, и если он встречает другой блочный элемент, например div, то он автоматически закрывается.

Таким образом, у нас получается, что сверху и снизу от спойлера находятся 2 пустых абзаца. Это как минимум не профессионально.

Ссылка на сообщение
Поделиться на других сайтах
17 часов назад, skapunker сказал:

Тег p является блочным, и если он встречает другой блочный элемент, например div, то он автоматически закрывается.

Таким образом, у нас получается, что сверху и снизу от спойлера находятся 2 пустых абзаца. Это как минимум не профессионально.

Это как минимум правильно и полностью соответствует стандартам HTML. Изучите его, div не может быть вложен в p. И это не требование редактора, это требования стандарта HTML. Поэтому редактор так и делает чтобы код был валиден и полностью соответствовал стандартам HTML. Поэтому в данном вопросе он все делает правильно и корректно.

Ссылка на сообщение
Поделиться на других сайтах
1 час назад, celsoft сказал:

Это как минимум правильно и полностью соответствует стандартам HTML. Изучите его, div не может быть вложен в p. И это не требование редактора, это требования стандарта HTML. Поэтому редактор так и делает чтобы код был валиден и полностью соответствовал стандартам HTML. Поэтому в данном вопросе он все делает правильно и корректно.

Вероятно речь о том зачем остаются пустые р и их нужно  удалять.

Ссылка на сообщение
Поделиться на других сайтах
2 часа назад, redissx сказал:

Вероятно речь о том зачем остаются пустые р и их нужно  удалять.

Редактор не корректирует логическую составляющую пустой или не пустой, он валидирует контент, т.е. незакрытые теги закрываются, т.е. исправляет валидность. Он не знает случайно ли пользователь забыл закрыть тег, или умышленно нарушает верстку, нужно ему пустое или не нужно. Нельзя удалять что то пустое, потому как пустое тоже может быть нужно, например для отступов и т.д. Он устранил лишь только ошибки в валидности текста, а дальше уже логическая корректировка это обязанность того кто пишет статью.

Ссылка на сообщение
Поделиться на других сайтах
20 часов назад, redissx сказал:

Вероятно речь о том зачем остаются пустые р и их нужно  удалять.

Речь об этом и идет.

21 час назад, celsoft сказал:

Изучите его, div не может быть вложен в p

Я об этом  и говорю.

Однако рекдактор как раз и вкладывает div в p, а тег p сверху и снизу от спойлера закрывает уже сам браузер при отрисовке страницы. Несмотря на это, код валидный.

Ссылка на сообщение
Поделиться на других сайтах
2 часа назад, skapunker сказал:

Однако рекдактор как раз и вкладывает div в p, а тег p сверху и снизу от спойлера закрывает уже сам браузер при отрисовке страницы. Несмотря на это, код валидный.

Неверно. Спойлер это ББ тег, а не div, т.е. обычный текст. А обрабатывает ББ теги уже DLE. Поэтому валидно, вы же привели div теги

Ссылка на сообщение
Поделиться на других сайтах
15 минут назад, celsoft сказал:

Спойлер это ББ тег, а не div, т.е. обычный текст.  А обрабатывает ББ теги уже DLE.

я это и имел ввиду, что после обработки получается div

16 минут назад, celsoft сказал:

Поэтому валидно, вы же привели div теги

Валидно, но сверху и снизу браузер рисует пустые абзацы. Разве вас это не смущает? Какой смысл абзацам быть пустыми? Особенно, если специально пользователь их не создавал. Это что-то навроде побочного продукта.

Пустых абзацев можно избежать, но тогда каждый раз придется удалять тег p вручную из исходного кода, что замедляет работу, особенно если нужно вставлять по 10 спойлеров в новость.

Ссылка на сообщение
Поделиться на других сайтах
25 минут назад, skapunker сказал:

я это и имел ввиду, что после обработки получается div

При редактировании вы не видите div в редакторе, вы видите опять спойлер и теги спойлера, не может редактор вам корректировать при редактировании и закрывать p.

26 минут назад, skapunker сказал:

Валидно, но сверху и снизу браузер рисует пустые абзацы. Разве вас это не смущает? Какой смысл абзацам быть пустыми? Особенно, если специально пользователь их не создавал. Это что-то навроде побочного продукта.

Ничего редактор не рисует. Не путайте вебинспектор браузера с тем что браузер нарисовал на странице, в вебинспекторе это закрытый тег, чтобы вы могли дописывать там свойства, контент и прочее. На странице никаких пустых абзацев нет.

Ссылка на сообщение
Поделиться на других сайтах
  • 5 месяцев спустя...

Как вместо <div> вставлять <br>? редактор можно как то настроить?

image.png

Редактор добавляет лишние теги. Например:

image.png

Не вставляю текст со стилями. Написал вручную. Редактор посчитал нужным сделать текст меньше. 

Альтернатив нет. Использую редактор только потому, что там доступен черновик в случае потери контента.

Изменено пользователем nezov134
Ссылка на сообщение
Поделиться на других сайтах
5 часов назад, nezov134 сказал:

Как вместо <div> вставлять <br>? редактор можно как то настроить?

 

Можно, надо добавить параметров в инициализацию.

https://www.tiny.cloud/docs-3x/reference/Configuration3x/Configuration3x@force_br_newlines/

tinyMCE.init({
  force_br_newlines : true,
  force_p_newlines : false,
  forced_root_block : '' // Needed for 3.x
});

Более подробно читайте и ищите всё в документации к редактору. Там примеры и описания, правда на английском.

P.S. Не знаю почему у Вас div. Редактор дивы не вставляет. Он либо P либо BR использует.

Изменено пользователем TeraMoune
Ссылка на сообщение
Поделиться на других сайтах
8 часов назад, nezov134 сказал:

Как вместо <div> вставлять <br>? редактор можно как то настроить?

В чем текст стоит, то и использует редактор. Стоит в div  значит при нажатии enter будет div, стоит p значит будет p. Для того чтобы поставить br т.е. просто перенос строки а не новый абзац нужно вместо enter нажимать shift + enter

8 часов назад, nezov134 сказал:

Редактор добавляет лишние теги. Например:

Редактор никогда ничего не вставляет сам, это вы принесли с собой при копировании текста, как например тот же div выше, потому как по умолчанию в нем "p" используется

Ссылка на сообщение
Поделиться на других сайтах

А в TinyMCE можно сделать, чтобы размер шрифта выставлять в пикселях, а не пунктах? В пунктах неудобно и ими никто не пользуется.

Ссылка на сообщение
Поделиться на других сайтах
Только что, skapunker сказал:

А в TinyMCE можно сделать, чтобы размер шрифта выставлять в пикселях, а не пунктах? В пунктах неудобно и ими никто не пользуется.

Через систему плагинов изменив настройки редактора только

Ссылка на сообщение
Поделиться на других сайтах

Присоединяйтесь к обсуждению

Вы можете опубликовать сообщение сейчас, а зарегистрироваться позже. Если у вас есть аккаунт, войдите в него для написания от своего имени.

Гость
Ответить в тему...

×   Вставлено в виде отформатированного текста.   Вставить в виде обычного текста

  Разрешено не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отобразить как ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставить изображения напрямую. Загрузите или вставьте изображения по ссылке.

×
×
  • Создать...