Добавление пользовательских кнопок в редактор WMD - PullRequest
Новая
       35

Добавление пользовательских кнопок в редактор WMD

5 голосов
/ 18 января 2011

Есть ли способ добавить пользовательские кнопки в Редактор ОМУ , который расширяет функциональность редактора?

Мои идеи для различных кнопок, которые я хочу добавить,:

  • Разметка выбранного текста
  • Вставка некоторого предопределенного текста

Спасибо
Turgs

1 Ответ

3 голосов
/ 07 мая 2012

Да, вы можете.

1) вам нужно расширить изображения "wmd-buttons.jpg"

отредактируйте изображение и добавьте кнопку для расширенной функциональности. 2) Добавить скрипт для кнопки для привязки к событию (например, вставка текста) 

        var Insertbutton= document.createElement("li");
        Insertbutton.className = "wmd-button";
        Insertbutton.id = "wmd-insertsometext-button";
        Insertbutton.title = "Emphasis <em> Ctrl+v";
        Insertbutton.XShift = "-60px";
        Insertbutton.textOp = command.inserttext;
        setupButton(inserttextButton, true);
        buttonRow.appendChild(inserttextButton);

3) Теперь определите функцию вставки текста и поместите код вставки.

...