Як можна змусити блогера вставляти теги <p> замість <br> при використанні редактора розширеного тексту?


10

Мені не подобається, як я використовую редактор розширеного тексту в Blogger, і я натискаю, щоб Enterвін вставляв <br >замість <p>. Чи є спосіб змінити поведінку? Або, принаймні, є якийсь спосіб вставити <p>без переключення на вкладку HTML?

Я , до речі, використовую Blogger в чернетках . Я спробував і старий редактор, і новий; і використання Press "Enter" for line breaksзамість Use <br /> tagsцього не допомагає.

Я також спробував відключити Convert Line breaks, що описується як:

Якщо вибрано "Так", то в режимі "Повідомлення редактора" введені окремі жорсткі версії, які будуть замінені на один <br />тег у вашому блозі, а два твердих повернення - два теги ( <br /><br />).


Потворне рішення, але якщо ви хочете позбутися подвійних розривів рядків, ви можете приховати друге за <br/>допомогою правила CSS, як br+br {display: none}​у Темі > Редагувати HTML, де ви знайдете купу стилів під<head><b:skin><![CDATA[...
ccpizza

Відповіді:


10

Така поведінка не може бути налаштована. І поточний редактор, і редактор чернеток, і "старий" редактор використовують комбінацію тегів BR та DIV, коли вони повинні використовувати теги P.

Це розумне рішення, і це абсолютно неправильно. Це пояснює чимало проблем із непослідовним відображенням абзаців у Blogger. Можливо, він працює в IE, але він не працює послідовно у веб-браузерах, таких як Chrome та Safari.

Я думаю, що найновіший редактор вставляє два поспіль теги BR, але старший вставляє один DIV і один BR.

Microsoft Live Writer від Microsoft робить все правильно, як зазначено вище. MarsEdit для OS X менш послідовний, я думаю, що якщо він починається з авторського допису Blogger, він отримує плутанину тегів.

Я відчуваю твій біль.


Але чи може Live Writer редагувати існуючу публікацію? Оскільки багатьом людям, включаючи мене, подобається публікувати статті, читати та полірувати.
Gqqnbig

4

Я щойно дізнався, що якщо ви опублікуєте публікацію свого блогу, що містить p-теги, а не замість того, щоб спочатку перейти на вкладку HTML, тоді p-теги залишаться.

Приклад:

<p>
Here is a body text<br />
that is wrapped in p-tags<br />
</p>
  1. Перейти до перегляду HTML.
  2. Введіть код вище.
  3. Натисніть кнопку Опублікувати.

Якщо ви спробуєте переглянути код на вкладці HTML, p-теги будуть замінені на div-теги.



0

Ну немає можливості налаштувати це за допомогою Blogger.

Але я зрозумів, що це можна зробити за допомогою jQuery.

Для цього вам потрібно буде перейти до області шаблону та натиснути «редагувати HTML». Зробіть пошук /body. Трохи над цим вставте <script src="http://code.jquery.com/jquery-1.10.1.min.js">Потім вставити <script></script>. Те, що у вас зараз, має бути таким:

some code
<script src='http://code.jquery.com/jquery-1.10.1.min.js'/>
<script>

This is where the jQuery calls will go.

</script>
&lt/body&gt;
some more code

Правильні дзвінки jQuery можна з’ясувати на цій сторінці, де вони наводять приклад із запитом майже саме того, що ви хочете зробити. Цей приклад скопійовано нижче (з http://api.jquery.com/contents/ )

<div class="container">
  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed
  do eiusmod tempor incididunt ut labore et dolore magna aliqua.
  <br><br>
  Ut enim ad minim veniam, quis nostrud exercitation ullamco
  laboris nisi ut aliquip ex ea commodo consequat.
  <br><br>
  Duis aute irure dolor in reprehenderit in voluptate velit
  esse cillum dolore eu fugiat nulla pariatur.
</div>

Ми можемо використовувати .contents()метод, який допоможе перетворити цю частину тексту у три добре сформовані абзаци:

$( ".container" )
  .contents()
    .filter(function() {
      return this.nodeType === 3;
    })
      .wrap( "<p></p>" )
      .end()
    .filter( "br" )
    .remove();

Зрозуміло, вам потрібно буде зробити деякі невеликі зміни вищезазначеного, щоб він працював. Але це я залишу вам розібратися. :-)

Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.