Как добавить свои кнопки на панель редактирования HTML в WordPress?

Wordpress, Вопросы и ответы
14 февраля 2012

Вопрос

В верхней части HTML-редактора WordPress есть панель, на ней находятся такие кнопки, как «strong», «link», «ul», «code», «more» и д.р. Мне бы хотелось добавить туда свои собственные кнопки, чтобы получить возможность быстро добавлять в код разные html-теги и шорткоды. Как мне это сделать?


Ответ №1

Решение с помощью плагина

Для этой задачи есть специальный плагин, который называется HTML Editor Reloaded, он очень прост в эксплуатации, поэтому нет смысла описывать основные этапы работы с ним.

Бесплагинное решение

Однако, добавить пользовательские кнопки в редактор WordPress можно и не прибегая к сторонним плагинам. (Что, если надо написать собственный плагин с интеграцией в редактор?). Существует 2 способа, которыми это можно сделать. Суть сводится к вызове нужных функций из соответствующего скрипта, который уже подключён у WordPress и отвечает за загрузку этих кнопок. Чтобы вызвать эти функции, надо вставить свой код в админку WordPress. JavaScript можно подключить по разному, для наглядности в первом сделаем это через внешний файл, а во втором - через прямую вставку кода скрипта в HTML, но по сути не важно, как Вы интегрируете свой код.

Способ старый, работает уже довольно давно

В файл function.php добавим:

add_action('admin_print_scripts', 'my_custom_quicktags');

function my_custom_quicktags() {
   wp_enqueue_script('my_custom_quicktags', get_bloginfo('template_url') . '/my-custom-quicktags.js', array('quicktags'));
}

Теперь в каталоге с нашей темой мы создадим js-код с именем «my-custom-quicktags.js» и следующим содержанием:

edButtons[edButtons.length] = new edButton( 'hello', 'hello', '<hello>', '</hello>');

Мы создали новую кнопку с помощью функции edButton, которая принимает такие параметры:

  1. Идентификатор кнопки (для атрибута «id»)
  2. Отображаемое имя
  3. Отрывающий тег
  4. Закрывающий тег

Как видите, всё довольно просто.

Способ новый, требует версию WordPress 3.3 и выше

В тот же function.php добавим:

add_action('admin_footer', 'eg_quicktags');
function eg_quicktags() {
    ?>
    <script type="text/javascript" charset="utf-8">
        jQuery(document).ready(function(){
            if(typeof(QTags) !== 'undefined') {
                QTags.addButton( 'phpcode', 'phpcode', '[phpcode]\n', '\n[/phpcode]');
                QTags.addButton( 'quotation-marks', '«...»', '«', '»','que-marks-key','Кавычки', 15);
            }
        });
    </script>
    <?php
}

Здесь мы с помощью библиотеки jQuery дожидаемся загрузки документа, затем вызываем метод addButton объекта QTags. На входе те же самые параметры, что и в предыдущем способе, только по желанию можно добавить ещё 3 параметра: access key (атрибут «accesskey», зачем нужен - не знаю), отображаемая подсказка при наведении (атрибут «title») и позиция на панели.

Обратите внимание, что в теги кнопки «phpcode» я добавил символы новой строки для того, чтобы при обрамлении нужного мне текста сам текст переносился на новую строку.

Вторая кнопка - это кнопка быстрый русских кавычек, ведь можно использовать не только html- и short-коды, а и любые другие строки.

48 комментария

  • Плагин помог, а зачем код копать, когда тут два шага, и все работает?

    • Администратор:

      Зависит от задач. Код — это не готовое решение, а лишь пример, в который можно внести свои коррективы. Намного гибче.

  • Kereell:

    Спасибо, это действительно то что нужно!

  • Ирина:

    Очень интересное решение. И не надо менять код самого вордпресса. Спасибо, возьму на заметку.

  • Федор Иванов:

    Спасибо, наиболее рабочий код из всех аналогичных. И что немаловажно — универсальное решение, не затрагивающее обновляемые файлы WP.

  • proapi.ru:

    атрибут «accesskey», зачем нужен — не знаю

    горячая кнопка быстрого вызова

  • Lorybus:

    [URL=http://nsexy.ru — проститутки новосибирска[/URL — Вас приветствует команда сайта Сибирки, сайта, на котором размещают анкеты 86% всех проституток города Новосибирска.
    [URL=http://www.siblaguna.ru — проститутки новосибирска[/URL —
    [URL=http://sexonsk.ru — проститутки новосибирска[/URL —
    [URL=http://sibirki.com — проститутки новосибирска[/URL —
    [URL=https://sexonsk.xxx — проститутки новосибирска[/URL — Настоящая проститутка!!! Работаю от души и для души! … Красивая девочка, одна из лучших в Новосибирске!
    [URL=https://sexonsk.top — проститутки новосибирска[/URL -

  • TtjkqtPync:

    Частотник ATS48D17Q отличается от частотного преобразователя IMS20202-V5-C24-F1-E4 номинальной мощностью ПЧ, частотой PWM-контроллера, логикой работы системы самодиагностирования ошибок частотника, а также главным образом наличием различных аппаратных дополнительных функций, доступных для быстрой настройки и выполнения специализированных задач и полностью заменяющих собой КИП и автоматику для выполнения автоматической работы основного производственного оборудования автономно, без контроллеров, промышленных ПК, панелей оператора. Перечисленные факторы играют решающую роль при выборе частотного преобразователя для различных применений.

    Определение неисправностей и последующий надежный ремонт на современном оборудовании частотно-регулмруемых приводов, которые произведены фирмами Данфосс, delta, vesper и другими мировыми брендами. Снятие и установка IGBT транзисторов, представляющих из себя самые важные компоненты во всем устройстве преобразовательной техники. Отличие транзистора IGBT от IGBT module заключается в том, что модуль может содержать один или более IGBT транзисторов, иногда включенных параллельно по схеме Darlington для увеличения коммутируемой мощности, а также в некоторых случаях схему контроля тока нагрузки. IGBT — биполярный транзистор с изолированным затвором, представляет собой мощный полупроводниковый прибор обычно используемый как электронный ключ для средних и высоких напряжений. Благодаря совмещению преимуществ биполярного транзистора и полевого транзистора достигается большая мощность коммутации и малая необходимая управляемая мощность, так как управление осуществляется не током, а полем, что приводит к высокому КПД этих компонетов. Чтобы узнать подробности переходите по ссылке — Ремонт частотного преобразователя Altivar 31 atv31h075m2

  • Joshuasaf:

    Adventures in Russia. Rest in Russia on the Black Sea. Welcome to Anapa ! Beach rest in Russia,official travel site,spend your holiday actively ! Adventures,Russia,Rest,Sea,Welcome,Anapa,travel,Beach,relax,coastline,actively,culture,new,2017,tourism,life,excellent,rest,diver,para planner. https://intourist.biz

  • IrishkaJor:

    Пацаны, кому интересно, регистрируемся в игрушке, играем пару часов и сразу продаём игровой акк.
    Я за день 3-4 акка продаю по цене 300-400р. Покупатели англечане, они сами пишут новичкам через игровую почту с предложением выкупать акки, у них идёт серьёзная война и мультоводы гребут акки пачками…
    игрушка тут: http://seo-swat.ru//yp4e6
    так что если не тупить, то можно неплохо заработать, пока тема не умерла…

  • JacobLoods:

    Welcome to http://travel2017.org/ , the leading website for beach holidays and information on the Russia Black Sea resorts.We have already started the early bookings for the summer season 2017. This season we have included more hotels, flexible accomodation in holiday apartments on the coast and some new resorts. We provide complete travel arrangements from any point of the world to the Russia beach resort you would like to visit. We also provide flights, rent a car service, transfers from the airports to the resorts, yacht trips and much more.

  • WilliamBix:

    Willkommen bei http://travel2017.org/?p=114 , der fuhrenden Website fur Urlaub an russischen Stranden und schlagt eine Information fur alle Resorts und Orte an der ganzen russischen Schwarzmeerkuste vor.
    Hier finden Sie unsere besten Tipps zu Familien-Reisen. Einmal mit Freunden oder den Gro?eltern verreisen? Im Ferienhaus oder im Familien-Club? Lassen Sie sich doch von uns inspirieren. Wir beraten Sie gerne zu Ihrer Reise oder Buchung.

  • GloriaFap:

    [URL=https://sexosochi.mobi]проститутки сочи[/URL] умные
    [URL=https://sexosochi.com]проститутки сочи[/URL] красивые
    [URL=http://sexosochi.ru]проститутки сочи[/URL] загорелые
    на одном сайте. Реальные фото и анкеты лучших индивидуалок Сочи. Фотографии девушек из Адлера. Контакты. Стоимость.

  • Davidoscit:

    Watch Captain Underpants: The First Epic Movie Full Movie watch captain underpants movie online free

  • Davidoscit:

    Watch Captain Underpants: The First Epic Movie Full Movie watch captain underpants

  • DonnieDup:

    These guys say that you do not need a lawyer to immigrate to Canada
    and they publish lots of information videos on how to do it yourself: https://www.youtube.com/channel/UC7_zz6L9_Wbp9n-7M4NwhtQ
    I have just sent them an email with a few questions, we ll see how good the are.

  • Charleshut:

    Вся музыка рунета в одном месте.
    Подробности по ссылке ниже.
    http://mobile-corp.ru/hits/otkuda-mojno-skachat-muziku-na-telefon/images/

  • Keithdub:

    $30 per balance for installing the AliExpress application

  • Jameslak:

    Her guys turn my ass and get my cum in my mouth

    Write to my profile anal girl 94

    Copy the link and paste it into the browser:

    bit.ly/2sQZavn

  • Bettydob:

    FIBRUM PRO is a portable virtual reality headset bundled together with Fibrum VR applications available on Google Play, AppStore and Windows Phone Marketplace. It’s lightweight, hygienic and very easy to use. Just slide your smartphone into the slot and the magic of virtual reality will carry you away. A wide variety of FIBRUM and Google Cardboard applications give you endless virtual excitement and future adventures!
    Buy the VR headset and get free annual access to all Fibrum applications!!!

  • Danielpaith:

    Greetings. I want to ask a question, hope for a prompt reply. I am not a pro in writing, but I am required to possess this skill, as I am a student. I have just read an article about APA paper writing. It look persuading and reliable. But how about another resources?
    Thanks for your attention.

  • Rimainvam:

    Hello guys turn my ass and get my cum in my mouth

    Write to my profile my name Betty 1987

    Copy the link and paste it into the browser:

    bit.ly/2tM3fT8

  • BobbyPleax:

    hi
    Sorry, if i’m not on the right subject on this blog.
    I had slightly embarrassment. I randomly lost my essay and I urgently require to create a brand new one particular. I can not write myself, so I want to apply for the essay writing service for money. Discovered a couple of articles about this, but I don’t know in the event you can trust these web sites. Has anyone heard of the http://dearmadigasir.com/essays-writing-services-generating-any-activity-2/
    ???

    I also wanted to ask, did a person encounter such an issue? And what will take place if they obtain out that my paper was purchased, and not written by me

  • RoscoeRes:

    Good afternoon Fuck me and fill me mouth with his sweet cum my nickname (Svetik86)
    Copy the link and go to me… bit.ly/2sMKCOO

  • dorpornxxxdax:

    maria ozawa sexxx butthole xxx hd com bizarre xxx hd videos Business Woman xxxbf

  • BobbyPleax:

    hallo !
    I am so Sorry, if i’m not around the right chapter on this page.
    I had a bit embarrassment. I randomly lost my essay and I urgently need to have to write a new 1. I can not write my self, so I want to apply for the essay writing service for dollars. Discovered just a few web content about this, but I do not know in the event you can trust these sites. Has any individual heard of the http://tastyindiandish.com/2017/04/25/the-benefits-of-via-the-internet-essay-writing-7/
    ???

    I also wanted to ask, did someone encounter such a problem? And what will occur if they uncover out that my article was bought, and not written by me

  • Robertsheax:

    Buy Anabolic Steroids http://steroman.com — online steroids shop.
    This is the best place to buy real steroids legally and safe place to buy online steroids.
    Anabolic steroids in Thailand
    Anabolis in USA
    Best Steroids for Australia and Europe
    Buy Steroids Online
    Where to buy Steroids Online

  • RoscoeRes:

    welcome you Like to blow my nickname (Ilona21)
    Copy the link and go to me… bit.ly/2thAZmI

  • Sukalbom:

    Good afternoon I want to cum in my pussy then fuck me my nickname (Masha59)
    Copy the link and go to me… http://bit.ly/2udS9GC

  • AlbertaWen:

    Good afternoon hurry fuck me, and slay every last drop my nickname (Lidochka90)
    Copy the link and go to me… bit.ly/2urS7ui

  • Williamflume:

    We are glad to see you in our midst do you Want your own throat blow job my nickname (Vilena49)
    Copy the link and go to me… http://bit.ly/2uoMblR

  • DonnapoX:

    Посети и удивись с помощью индивидуалка Презервативы бесплатно)

  • ProstitutkiDon:

    Проститутки Киева фото
    В барделе проститутки Киева
    #ПроституткиКиева #КиевИндивидуалки

Добавить комментарий


(обязательно)