Блог

Главная - Вопросы по программированию - переключение между текстовым / визуальным редактором wordpress приводит к исчезновению тегов привязки

переключение между текстовым / визуальным редактором wordpress приводит к исчезновению тегов привязки

#html #wordpress

#HTML #wordpress

Вопрос:

Я пытаюсь создать точки привязки на своей странице, чтобы пользователи могли перейти к ним. Когда я создаю точки привязки в текстовом редакторе WordPress, если я когда-либо переключусь на визуальный редактор, теги привязки исчезнут. Вот код, который я использую в текстовом редакторе:

 <div>
   <a id="posts" class="anchor">amp;nbsp;</a>
   <h4>Key Blog Posts</h4>
   Andrea Radke-Moss, <a href="http://www.juvenileinstructor.org/mormon-studies-in-the-classroom-mormon-women-patriarchy-and-equality/" target="_blank" rel="noopener noreferrer">"Mormon Studies in the Classroom: Mormon Women, Patriarchy and Equality,"</a> Juvenile Instructor.
</div>

Когда я переключаю визуальный редактор (независимо от того, сохранил я его или нет в текстовом редакторе), тег привязки исчезает, и я остаюсь с этим:

 <div>
   amp;nbsp;
   <h4>Key Blog Posts</h4>
   Andrea Radke-Moss, <a href="http://www.juvenileinstructor.org/mormon-studies-in-the-classroom-mormon-women-patriarchy-and-equality/" target="_blank" rel="noopener noreferrer">"Mormon Studies in the Classroom: Mormon Women, Patriarchy and Equality,"</a> Juvenile Instructor.

После некоторых исследований это кажется распространенной проблемой WordPress, когда между тегами привязки нет текста (именно поэтому я попробовал amp;nbsp; ). Кто-нибудь смог преодолеть эту проблему?

Обновление: я попытался поставить точку между тегами с style="font-size: 0px"; помощью . Сохранено, переключено в визуальный редактор, и точка теперь находится за пределами моих тегов привязки! Grrrr….

Комментарии:

1. Вы не используете href атрибут, который может быть источником этой проблемы. Попробуйте так: <a id="posts" class="anchor" href="#">amp;nbsp;</a>

2. Действительно пытаюсь избежать использования href . Я не хочу, чтобы там было интерактивное пространство, хотя это ничего не даст. Это, как правило, заставляет страницу перемещаться, даже если это совсем немного.

3. Вы можете предотвратить поведение элемента при нажатии с помощью javascript

4. href=# переходит в начало моей страницы, href="" и href=javascript:void(0) оба они удаляются визуальным редактором.

Ответ №1:

Я наконец-то получил что-то для работы. Вот код, который я использовал:

 <a id="posts" class="anchor" href="#posts">amp;nbsp;</a>

Я не смог избавиться от amp;nbsp; , поэтому у него все еще есть интерактивное место, но, по крайней мере, когда на него нажимают, оно не прыгает, как href="#" делает.

Метки: