百度富文本编辑器手机端预览插件开发

在百度富文本编辑器编辑的时候担心在手机端打开格式乱掉，编辑提交再去手机端刷新查看比较麻烦，希望在编辑器可以直接查看，效果如下：

 下载文件：

链接: 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', //删除线