首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 其他教程 > 开源软件 >

修正kindeditor带base标签页面图片显示的有关问题

2013-09-26 
修正kindeditor带base标签页面图片显示的问题问题详见:http://www.kindsoft.net/view.php?bbsid5&postid

修正kindeditor带base标签页面图片显示的问题
问题详见:
http://www.kindsoft.net/view.php?bbsid=5&postid=2713
http://www.kindsoft.net/view.php?bbsid=4&postid=6332&cmtid=8839

原因:富文本编辑器的所见即所得功能是通过插入iframe实现的,如果iframe里面没有base标签,浏览器自然会选用当前页面的相对路径。

解决办法:往富文本编辑器的iframe插入当前页面的base标签路径。

Kindeditor版本:最新的4.1.7

打开需要用到的kineditor-all.js或者kindeditor.js,修改后自行压缩

找到 function _getBasePath()
在下面添加:

function _getPageBasePath() {var els = document.getElementsByTagName('base');for (var i = 0, len = els.length; i < len; i++) {var href = els[i].href;if (href) {return href;}}return '';}K.pageBasePath = _getPageBasePath();

再找到 function _getInitHtml(themesPath, bodyClass, cssPath, cssData)
在 '<head><meta charset="utf-8" /><title></title>', 下面新增一行
(K.pageBasePath === '' ? '' : '<base href="' + K.pageBasePath + '">'),


问题解决

热点排行