froala editor 编辑器如何在光标处插入图片

悬赏园豆：5 [已解决问题] 解决于 2018-07-12 21:58

froala_editor 编辑器的添加图片原本是从本地上传的，我没有用他的添加图片功能，我把他改成从相册添加。但我做了一个js 只能在内容末尾添加，不能在光标处插入。

jquery 编辑器 jquery 编辑器何在光标处插入图片 froala editor 编辑器

问题补充：

//点击弹出层-编辑器
$(function () {
    $(".fa-picture-o").click(function () {
        $(".overlayerbg").css({
            display: "block", height: $(document).height()
        });
        $("#showbox_editor").css({
            left: ($("body").width() - $("#showbox_editor").width()) / 2 - 20 + "px",
            top: ($(window).height() - $("#showbox_editor").height()) / 2 + $(window).scrollTop() + "px",
            display: "block"
        });
    });

    $(".close").click(function () {
        $(".overlayerbg").css("display", "none");
        $("#showbox_editor").css("display", "none");
    });
})

//鼠标双击添加图片同时关闭弹出层-编辑器
$(function () {
    $("#showbox_content_editor li").on('dblclick', function () {
        var imgsrc = "";
        imgsrc = $(this).find("input").val();
        $(".froala-element").focus().append('<img src="' + imgsrc + '"/>');
        $(".overlayerbg").css("display", "none");
        $("#showbox_editor").css("display", "none");
    });
})