色彩时光 | 记录程序员世界的点点滴滴

想添加一个功能进行图片的弹出浏览。最开始的想法在输入端的img标签加上onclick事件。后台django,富媒体编辑器tinymce。想在tinymce的图片插入事件或者保存事件的时候进行标签的修改，不过事与愿违始终不成功，而tinymce里的扭转逻辑又弄不清，实在不行再sumbit事件里进行textArea的值修改却都不成功。捣鼓了几个小时，遇到了瓶颈。既然输入端不行，那么在输出端进行修改img标签的。而在输出端由于逻辑清晰，一下子就搞定了。工具确实带来了便利，有时候修改和调整不太容易。

tinymce的事件定义方式：

tinymce.init({
setup: function(editor) {
                editor.on('change', function(e) {
                    console.info(e)
                    console.info("change");
                    //alert("editor change");
                });
}
});

输出端图片浏览功能，需改进imgSetting中img的大小判断以及图片弹出浏览功能

function showImg(img){
          console.info(img["src"]);
        };

function imgSetting(dom){
            var imgs=dom.find("img");
            imgs.each(function(){
                this.setAttribute("onclick","showImg(this)");
                this.setAttribute("onMouseOver","this.style.cursor='hand';");
            });
            return dom.html();
        }