在百度富文本编辑器编辑的时候担心在手机端打开格式乱掉,编辑提交再去手机端刷新查看比较麻烦,希望在编辑器可以直接查看,效果如下:
下载文件:
链接: https://pan.baidu.com/s/1vz-cupHjGitsk27nlEFcpg?pwd=9pmh 提取码: 9pmh
一共下载到3个文件,将iphone-bg.png 和 previewMobile.png放到ueditor\themes\default\images目录中;在Ueditor\dialogs目录下创建文件夹previewmobile,将previewmobile.html页面放入。
代码修改如下:
文件一、路径:ueditor\themes\default\css\ueditor.css
找到文件,在最下面加上如下代码:
/*手机预览样式*/
.edui-default .edui-for-previewmobile.edui-icon{
background-image: url("../images/previewMobile.png");
}
文件二、路径:public\plugins\Ueditor\ueditor.config.js
1、在中toolbars里加一个按钮 previewmobile
toolbars: [
[
'source', //源代码
'anchor', //锚点
'undo', //撤销
'redo', //重做
'bold', //加粗
'indent', //首行缩进
'snapscreen', //截图
'italic', //斜体
'underline', //下划线
'strikethrough', //删除线