• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • dedecms
  • ecshop
  • z-blog
  • UcHome
  • UCenter
  • drupal
  • WordPress
  • 帝国cms
  • phpcms
  • 动易cms
  • phpwind
  • discuz
  • 科汛cms
  • 风讯cms
  • 建站教程
  • 运营技巧
您的位置:首页 > CMS教程 >建站教程 > PHPcms v9 去掉编辑器上传图片的宽高样式

PHPcms v9 去掉编辑器上传图片的宽高样式

作者:站长图库 字体:[增加 减小] 来源:互联网

站长图库向大家介绍了PHPcms v9,编辑器上传图片,宽高样式等相关知识,希望对您有所帮助

PHPcms v9  CKEditor 上传图片后会给图片自动加上行内的宽高样式  如下图:

如果是bootstrap 响应式网站手机端图片就会变形,没次都要在行内删除样式,麻烦!!

去掉 自动设置宽高的样式修改 编辑器文件:

/statics/js/ckeditor/plugins/image/dialogs/image.js      

格式化js后,共找到2处,分别是宽高的js,第405行:

if (B == d) {    if (E) C.setStyle('width', CKEDITOR.tools.cssLength(E));    else C.removeStyle('width'); ! D && C.removeAttribute('width');} else if (B == f) {    var F = E.match(h);    if (!F) {        var G = this.getDialog().originalElement;        if (G.getCustomData('isReady') == 'true') C.setStyle('width', G.$.width + 'px');    } else C.setStyle('width', CKEDITOR.tools.cssLength(E));} else if (B == g) {    C.removeAttribute('width');    C.removeStyle('width');}

第437行:

if (B == d) {    if (E) C.setStyle('height', CKEDITOR.tools.cssLength(E));    else C.removeStyle('height'); ! D && C.removeAttribute('height');} else if (B == f) {    var F = E.match(h);    if (!F) {        var G = this.getDialog().originalElement;        if (G.getCustomData('isReady') == 'true') C.setStyle('height', G.$.height + 'px');    } else C.setStyle('height', CKEDITOR.tools.cssLength(E));} else if (B == g) {    C.removeAttribute('height');    C.removeStyle('height');}

注释掉上面部分,或者删除都可以!     这样就OK啦,不会自动给行内加宽高的。

注意:提交添加的文章,之后编辑,点击源码看看。没有了!


分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

  • PHPCMS V9后台复制指定文章到同模型的指定栏目中
  • PHPcms v9调用热门文章的两种方法
  • PHPcms v9 去掉编辑器上传图片的宽高样式

相关文章

  • Photoshop制作颓废的彩色立体字
  • 替换uploadify用Huploadify实现上传图片或文件
  • Photoshop制作创意文字标志
  • linux中添加用户的命令是什么
  • 聊聊Nodejs获取参数的四种方法
  • 使用18小时快速搜索引擎排名的后果
  • PHP版抖音去水印代码
  • 介绍Thinkphp5之Workerman
  • PHP实现搜索联想功能(基于字典树算法)
  • 为什么不建议使用@import引入css

文章分类

  • dedecms
  • ecshop
  • z-blog
  • UcHome
  • UCenter
  • drupal
  • WordPress
  • 帝国cms
  • phpcms
  • 动易cms
  • phpwind
  • discuz
  • 科汛cms
  • 风讯cms
  • 建站教程
  • 运营技巧

最近更新的内容

    • 利用AI+PS制作假日热销3D文字特效教程
    • 如何快速搭建uni-app项目?两种搭建方法分享
    • PHP高并发实例详解之解决商品库存超卖问题
    • Photoshop设计金属质感的网页按钮
    • 如何利用CSS来美化滑动输入条?自定义样式方法浅析
    • WordPress程序打开速度慢的三种解决方法
    • 大文件怎么快速上传?来看看我的实现方法!
    • 详解thinkphp5.1/5.0定时任务的实现步骤
    • CDR设计制作漂亮婚庆字体
    • 一起来了解下Bootstrap中的tab选项卡

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有