asp.net

从fckeditor升级到ckeditor后上传图片路径问题的解决

2013-08-24

fckeditor 中,处理图片在fckeditor中显示问题,以前是在页面头部防止下面代码:
<script type="text/javascript">
function SetEditorContents(ContentStr) {
     var oEditor = FCKeditorAPI.GetInstance("ck") ;
     oEditor.InsertHtml("<img src=" + ContentStr + " />");
}
</script>

后来有的用户升级系统后用到了 ie9或者ie10,后台就出现一些错误,比如点击源码无反应等,虽然问题最终也能解决,可是考虑到ckeditor是fckeditor的升级,为了一劳永逸的解决问题,最终还是觉定放弃fckeditor而是用ckeditor,更新后后台的一些小问题解决了,而上面的那个问题还是没解决,因为已经换成ckeditor了,FCKeditorAPI肯定是无法是用了,这样,经过查阅一些资料再根据自己的测试整理,终于解决了问题,也就是把上面的代码更换为下面的即可:

<script type="text/javascript">
    function SetEditorContents(ContentStr) {
      var oEditor = CKEDITOR.instances.ck;
      oEditor.insertHtml("<img src=" + ContentStr + " />");
    }
</script>
或者更简单的用下面的办法,其实与上面的是一样的
<script type="text/javascript">
    function SetEditorContents(ContentStr) {
        CKEDITOR.instances.ck.insertHtml("<img src=" + ContentStr + " />");
    }
</script>

其中ck是页面文件中ckeditor的ID名,在看其他问题的一些说明中,有的朋友写的是content让我误以为是ckeditor的一个属性多浪费了一些时间,我就把这个改成这个名字,方便理解。

这是今天解决的一个问题,方便以后查看,并为也遇到这个问题的朋友提醒一下