MediaWiki:Test.js

Замечание: Возможно, после публикации вам придётся очистить кэш своего браузера, чтобы увидеть изменения.

• Firefox / Safari: Удерживая клавишу Shift, нажмите на панели инструментов Обновить либо нажмите Ctrl+F5 или Ctrl+R (⌘+R на Mac)
• Google Chrome: Нажмите Ctrl+Shift+R (⌘+Shift+R на Mac)
• Internet Explorer / Edge: Удерживая Ctrl, нажмите Обновить либо нажмите Ctrl+F5
• Opera: Нажмите Ctrl+F5.

$(function () {
  $('.chem-recipe').each(function () {
    var $box = $(this);
    var name = $box.data('name');
    var recipe = $box.find('.recipe').html();
    var effects = $box.find('.effects').html();
    var description = $box.find('.description').html();

    var $formatted = $('<div class="chem-box" style="border:1px solid #aaa; border-radius:8px; padding:10px; margin:10px 0; background:#f9f9f9;"></div>');

    if (name) {
      $('<h3 style="margin-top:0;">').text(name).appendTo($formatted);
    }

    if (recipe) {
      $('<div style="margin-bottom:5px;"><strong>Рецепт:</strong><br>' + recipe + '</div>').appendTo($formatted);
    }

    if (effects) {
      $('<div style="margin-bottom:5px;"><strong>Эффекты:</strong><br>' + effects + '</div>').appendTo($formatted);
    }

    if (description) {
      $('<div style="color:#555;"><em>' + description + '</em></div>').appendTo($formatted);
    }

    $box.replaceWith($formatted);
  });
});