kindeditor编辑器弹窗适应手机 - 旺仔先森博客

kindeditor编辑器弹窗适应手机

作者: 旺仔

全网最全的网络资源分享网站

手机扫码查看

标签:

特别声明:文章多为网络转载,资源使用一般不提供任何帮助,特殊资源除外,如有侵权请联系wangzaibk@qq.com!

分享

kindeditor编辑器弹窗适应手机,以emlog6.0的编辑器为例,版本为KindEditor 4.1.10 (2013-11-23)

1. 首先打开打开kindeditor.js,看到138行代码的:

a=f('<div class="ke-dialog-body"></div>');i.append(a);a.append(d);var q=f('<div class="ke-dialog-footer" style="text-align:center;"></div>');
给 <div class="ke-dialog-footer;"> 加一个文本居中对齐,效果如上,原来是没有的。

2. 第二步,找到需要修改弹窗的插件功能,例如上传图片的 image/image.js 看到代码:
 var dialogWidth = showLocal || allowFileManager ? 450 : 400, dialogHeight = showLocal && showRemote ? 300 : 250;

450:400这个比例改为300:300就行了,如果还是不合适,可以自己测试,调到合适为止。

3. 还有其他带弹窗的插件的同名JS文件内,有这么一段代码:

 dialog = self.createDialog({ name : name, width : 450, title : self.lang(name), body : html,
其中的 width:450 就是弹窗的宽度了,把他改小就行了,一般400以下,最后刷新缓存就能看到效果了。  
分享到:
打赏

本站开启投稿功能注册账号即可投稿


文章版权信息

阅读时间:  发布于:2020-8-22

本文标题:kindeditor编辑器弹窗适应手机

本文链接:http://www.52ooooo.com/post-693.html

版权声明:文章为《 旺仔》原创,转载请保留出处!

标签:

相关推荐

评论

切换注册

登录

您也可以使用第三方帐号快捷登录

切换登录

注册

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

Sitemap    73.79ms1923
其他教程 kindeditor编辑器弹窗适应手机
kindeditor编辑器弹窗适应手机,以emlog6.0的编辑器为例,版本为KindEditor 4.1.10 (...
扫描二维码阅读原文
旺仔先森博客 January, 01
初始化 ×