引入需要的文件:
<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%;}