Получить src выбранного изображения в TinyMCE

Как получить полный URL-адрес (не требует домена) выбранного изображения в TinyMCE. Мой код указан ниже, а живой пример находится по адресу http://jsbin.com/ulUMaYU/1/ (щелкните изображение в окне редактирования, а затем щелкните крайнюю правую кнопку на панели инструментов). Моя попытка использовать editor.dom.getAttrib(editor.selection.getNode(),'src') возвращает путь относительно родительского URL-адреса веб-браузера. Да, я могу использовать convert_urls : false, но это будет использоваться в плагине, где я не буду заставлять пользователя настраивать базовый tinymce как таковой. Спасибо

tinymce.PluginManager.add('image', function(editor, url) {

    editor.addButton('image', {icon: 'image',tooltip: 'getIt',onclick: getIt});

    function getIt() {
        alert('Returns src of selected element relative to parent url: '+editor.dom.getAttrib(editor.selection.getNode(),'src'));
        console.log('testing only',editor,editor.dom,editor.selection,editor.selection.getNode());
    };
});

tinymce.init({
    selector: "#content",
    //convert_urls : false,
    plugins: "image"
});

javascript jquery tinymce tinymce-4
person user1032531    schedule 12.10.2013    source источник

Ответы (1)


arrow_upward
3
arrow_downward

Пусть ваш браузер сделает всю работу за вас.

У вас уже есть доступ к элементу изображения с editor.selection.getNode(). Теперь все, что вам нужно сделать, это проверить атрибут src, который будет преобразован в абсолютный URL-адрес через ваш браузер.

Пример: http://jsbin.com/ulUMaYU/2

Для справки, вот важные вещи:

var img = editor.selection.getNode();
alert(img.src);
person claviska    schedule 05.11.2013