获取TinyMCE中选定图像的src

Question

如何获取TinyMCE中选定图像的完整路径URL（不需要domail）。我的代码在下面列出，一个实时示例位于http://jsbin.com/ulUMaYU/1/（单击编辑窗口中的图像，然后单击工具栏上的最右侧按钮）。我尝试使用editor.dom.getAttrib(editor.selection.getNode(),'src')返回相对于父网页浏览器网址的路径。是的，我可以使用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" 
}); 

Answer 1

让你的浏览器为你做的工作。

您已经可以通过editor.selection.getNode()访问图像元素。现在，您只需检查src属性，该属性将通过浏览器解析为绝对URL。

例子：http://jsbin.com/ulUMaYU/2

仅供参考，这里是重要的东西：

var img = editor.selection.getNode(); 
alert(img.src);