关于 ueditor 文本编辑器使用的一些问题

首先,我使用的版本是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 的方式拉取

  1. 先在腾讯或者其他视频网站,找一个视频,然后找到分享按钮,然后复制通用代码,粘贴到一个文本中,复制其中的src属性值
  2. 在白名单中,新增 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']
  1. 点击插入 iframe ,填入刚刚截取的 src 属性值,宽高,然后发布即可
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值