在TinyMCE中获取所选图像的源

Get src of selected image in TinyMCE

本文关键字：图像 TinyMCE 获取      更新时间：2023-09-26

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

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

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

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

作为参考，以下是重要内容：

var img = editor.selection.getNode();
alert(img.src);
相关文章：