tinymce制作图片卡住（？）

Question

如果你看这张照片：

你看我的编辑器中有一张照片..

当内容在编辑器中加载时，该图片会加载：

tinymce.init({
    selector: "textarea",
    theme: "modern",
    height: 650,
    language : 'sv_SE',
    menubar: false,
    statusbar: false,
    object_resizing: false,
    setup: function(editor) { 
        editor.on('BeforeSetContent', function(e) { 
            e.content = '<img src="../img/users/1.jpg" width="150" height="150" style="float:left;margin-right:10px;">' + e.content;
        });
    }
});

我现在的问题是，有没有办法让这张照片无法取消？

现在你可以按退格键并且图片消失或点击图片然后按删除..这是一种让它“卡住”的方法吗？我现在都缺乏想法，我希望你能帮助我！

现在经过一些打击后，我得到了这个名字，但我仍然可以删除图片，任何想法我做错了什么？

<script type="text/javascript">
tinyMCE.init({
    selector: "textarea",
    theme: "modern",
    height: 650,
    language : 'sv_SE',
    menubar: false,
    statusbar: false,
    plugins: "noneditable",
    object_resizing: false,
    setup : function(editor) {
        editor.on("BeforeSetContent", function(e) { 
            e.content = '<img src="../img/users/1.jpg" width="150" height="150" class="mceNonEditable" style="float:left;margin-right:10px;">' + e.content;
        });
        editor.on("click", function(e) { 
            if ($(e.target).attr('class') == "mceNonEditable") { 
                this.preventDefault();
            }

        });
    }
});

</script>