0

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

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

然后我有一个事件监听器froalaEditor.image.inserted，在那里我成功设置了替代文本，但我无法在图像上设置对齐。如果我在这里尝试使用 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);
        });

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

4

1 回答 1

0

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

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

(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 });
于 2016-02-22T07:30:45.760 回答