Question

我正在使用以下代码从iframe将图像插入我的编辑器：

editor.froalaEditor('image.insert', inpImgURL.value, true, { }, null, { alt: sImgAlt, align: sImgAlign });

然后我在froalaEditor.image.inserted上有一个事件列表器，我在那里成功设置了alt文本，但我无法在图像上设置对齐。如果我尝试在这里使用image.get（）它什么都不返回，所以我认为它还没有在编辑器中选中。有没有办法选择插入的图像来使其工作，或者是否有更好的方法在插入的图像上设置对齐。

$('#txtContent').on('froalaEditor.image.inserted', function (e, editor, $img, response) {
            $img.attr('alt', response.alt);
            $img.attr('title', response.alt);

            editor.image.align(response.align);
        });

我知道默认设置，我可以更改它以设置对齐，但我想让用户在从我的图像管理器插入图像时选择对齐。

Answer 1

我最终得到了这个解决方案：

首先添加一个新插件，以便能够更改默认选项

(function ($) {
    $.FroalaEditor.PLUGINS.option = function (editor) {
        function change(option, val) {
            editor.opts[option] = val;
        }

        return {
            change: change
        }
    }
})(jQuery);

然后在插入图像之前调用它：

editor.froalaEditor('option.change', 'imageDefaultAlign', sImgAlign);        
editor.froalaEditor('image.insert', inpImgURL.value, true, { }, null, { alt: sImgAlt });

在插入的图像上设置对齐

1 个答案: