Как использовать пользовательскую кнопку TinyMCE с настраиваемым диалоговым окном для добавления содержимого? - PullRequest
Новая
       21

Как использовать пользовательскую кнопку TinyMCE с настраиваемым диалоговым окном для добавления содержимого?

4 голосов
/ 06 февраля 2010

Редактор TinyMCE позволяет назначить пользовательскую кнопку на панель инструментов редактора. Я сделал это и подключил его к учетной записи Flickr, так что появляется пользовательское диалоговое окно с выбором изображений.

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

Это код пользовательской кнопки TinyMCE, который у меня есть: 

setup : function(ed) {
    // Add a custom button
    ed.addButton('flickr', {
        title : 'Add Flickr Image',
        image : 'styles/media_icons/flickr.png',
        onclick : function() {
            // Add your own code to execute something on click

            $("div.mediaLibraryPopup .box").load("scripts/loadMediaLibrary.php");
            $("div.mediaLibraryPopup").fadeIn("slow").addClass(container);

        }
    });
}

Затем, когда вы нажимаете на изображение, у меня есть этот jQuery для обработки этого события: 

$("div.mediaLibraryPopup img").live("click", function() {
    var url = $(this).attr("src");
    $("div.mediaLibraryPopup").fadeOut("slow");
});

Я читаю документацию TinyMCE и часами работаю с ней, и я не могу понять, как передать эту переменную URL обратно в событие ed ed TinyMCE, чтобы оно могло добавить ее к входным данным.

Поскольку я буду использовать это на нескольких входах, я не могу просто жестко закодировать класс ввода. Есть мысли?

1 Ответ

0 голосов
/ 02 июня 2011

Я думаю, вам нужно вставить URL в текущее местоположение курсора в редакторе. в таком случае вы можете использовать эту команду для вставки содержимого: 

tinyMCE.execCommand('mceInsertContent',false,'Your Content Goes Here...');

Надеюсь, это поможет:)

...