Javascript в посте WordPress

Question

как я могу добавить

<a href="javascript:function foo(){alert('hi');}" title="alert">
Drag to your bookmarks bar
</a>

в моем wordpress сообщении.

Я создал букмарклет и хочу пропустить его через свой блог.Но WordPress удаляет JavaScript из моего поста, когда он отображает его.

Answer 1

JavaScript в WordPress, отдельные страницы и сообщения

<script type="text/javascript">
<!--
// your code
//--></script>

Источник: https://codex.wordpress.org/Using_Javascript

Answer 2

Вероятно, проблема возникла в конце браузера. Проблема с XSS в Chrome была для меня, и я решил ее, добавив строку header ("X-XSS-Protection: 0"); в wp-blog-header.php в корневой папке моей установки. Это не может быть идеальным, поскольку это относится ко всему сайту. Вероятно, было бы лучше добавить его там, где он будет применяться только к сообщению / странице, для которых требуется отобразить букмарклет.

Answer 3

Это старый, но все еще актуальный вариант с версией 4.9.5 для wordpress, поэтому я отвечу своим решением для этого:

Wordpress отфильтровывает любой Javascript, который вы используете в своих постах или страницах, поэтому ваш код теряется. Я сделал следующие шаги, чтобы добавить ссылку «javascript:»:

1. Добавьте ссылку, которую вы хотите, к своему сообщению, используйте «#» в качестве ссылки и добавьте идентификатор к тегу (в текстовом режиме редактора):

<a href="#" id="idOfYourLink">This is my JS Link</a>

2. Установите пользовательский плагин Javascript. Я использовал Simple Custom CSS и JS
3. Добавьте нужный Javascript с помощью плагина:

jQuery(document).ready(function( $ ){
  function yourFunction() {
      alert("It works");
  }

  jQuery('#idOfYourLink').on("click", yourFunction);
});

Важной частью является добавление On-Handler к ссылке, которую вы хотите использовать. Теперь Javascript загружается сразу после загрузки страницы. А клик по ссылке вызовет функцию yourFunction

Answer 4

У меня нет проблем с встраиванием этого кода в редактор HTML на моем WordPress сайте. Существует проблема с вашим кодом JavaScript, который определяет функцию, но никогда не вызывает ее. У меня

<a href="javascript:alert('hi');" title="alert">Drag to your bookmarks bar</a>

в сообщении, и я получаю уведомление при нажатии, а также букмарклет.