在TinyMCE中获取所选图像的src

时间:2013-10-12 20:25:37

标签: javascript jquery tinymce tinymce-4

如何在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"
});

1 个答案:

答案 0 :(得分:3)

让您的浏览器为您完成工作。

您已经可以使用editor.selection.getNode()访问图片元素。现在您需要做的就是检查src属性,该属性将通过浏览器解析为绝对URL。

示例:http://jsbin.com/ulUMaYU/2

供参考,这是重要的事情:

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