UEditor接入秀米使用和遇到的问题

引入需要的文件:

<script type="text/javascript" src="/assets/libs/jquery/dist/jquery.js"></script>
<!-- 配置文件 -->
<script type="text/javascript" src="/assets/libs/ueditor/ueditor.config.js"></script>
<!-- 编辑器源码文件 -->
<script type="text/javascript" src="/assets/libs/ueditor/ueditor.all.js"></script>

<script type="text/javascript" src="/assets/libs/ueditor/xiumi-ue-dialog-v5.js"></script>

<script type="text/javascript">
    var ue = UE.getEditor('c-content',{
        // 开启自动抓取图片的功能
        catchRemoteImageEnable:true
    });
</script>

html代码:

    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Content')}:</label>
        <div class="col-xs-12 col-sm-8">
            <script id="c-content" name="row[content]" type="text/plain">{:htmlspecialchars_decode($row.content)}</script>
        </div>
    </div>

1、秀米图标显示问题:
可以在html页面上直接写入style

<style>
    .edui-button.edui-for-xiumi-connect .edui-button-wrap .edui-button-body .edui-icon {
        background-image: url("/assets/libs/ueditor/xiumi-connect-icon.png") !important;
        background-size: contain;
    }
</style>

2、秀米图片自动抓取问题:
修改: Uploader.class.php文件

        //preg_match("/[\/]([^\/]*)[\.]?[^\.\/]*$/", $imgUrl, $m); //原
        preg_match("/\/[A-za-z0-9-]+.".$fileType."/", strtolower($imgUrl), $m); //改
		// $this->oriName = $m ? $m[1]:"";//原
        $this->oriName = $m ? ltrim($m[0],'/'):"";//改

修改ueditor.config.js文件


img:    ['src', 'alt', 'title', 'width', 'height', 'id', '_src', '_url', 'loadingclass', 'class', 'style', 'data-latex','data-ratio','data-w','_width'],

3、通过秀米导入的样式问题:
UEditor编辑器插入大图片撑出滚动条
ueditor.all.js 中找到render:function(container){}添加代码:img{max-width:100%;}
在这里插入图片描述

  • 3
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值