首先,我使用的版本是1.4.2
跨域显示内容
因为后台上传如果资源只是相对路径,其他域名网站显示,所有资源是无法访问的,因此需要在上传资源后,返回的资源地址,加上后台的域名,形成网络地址
可以在 php/config.json
中自定义后端配置
// 以图片为例
"imageUrlPrefix": "http://www.xxx.com/", /* 图片访问路径前缀 */
"imagePathFormat": "/ueditor1_4/php/upload/image/{yyyy}{mm}{dd}/{time}{rand:6}", /*
imagePathFormat
是图片保存路径
imageUrlPrefix
是上传后返回资源地址时,添加的前缀,实际地址就是前缀 + 上传保存的相对地址
图片/视频 在线拉伸框和显示实物不对应
就总是偏下
修改 ueditor.all,js
第17097 行,修改top属性:
'top': iframePos.y + imgPos.y - me.editor.document.documentElement.scrollTop - editorPos.y - parseInt(resizer.style.borderTopWidth) + 'px'
内容首尾存在空行
那是因为初始化显示内容时,进行了换行
<script id="content" name="Content" type="text/plain">
{$new['Content']}
</script>
初始化内容应该紧贴 script
标签
<script id="content" name="Content" type="text/plain">{$new['Content']}</script>
视频插入,切换html模式后消失src
完善白名单中 img
标签的属性列表
img: ['src', 'alt', 'title', 'width', 'height', 'id', '_src', 'loadingclass', 'class', 'data-latex', '_url', 'style'],
如何拉取在线视频
视频按钮的在线拉取,最后显示的时候,会被浏览器屏蔽,警告报错,页面不能正常显示
我们可以通过 iframe
的方式拉取
- 先在腾讯或者其他视频网站,找一个视频,然后找到分享按钮,然后复制通用代码,粘贴到一个文本中,复制其中的
src
属性值 - 在白名单中,新增
iframe
等标签
source: ['src', 'type'],
embed: ['type', 'class', 'pluginspage', 'src', 'width', 'height', 'align', 'style', 'wmode', 'play', 'autoplay','loop', 'menu', 'allowscriptaccess', 'allowfullscreen', 'controls', 'preload'],
iframe: ['src', 'class', 'height', 'width', 'max-width', 'max-height', 'align', 'frameborder', 'allowfullscreen']
- 点击插入
iframe
,填入刚刚截取的src
属性值,宽高,然后发布即可