• 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 去掉编辑器上传图片的宽高样式

作者:站长图库 字体:[增加 减小] 来源:互联网 时间:2022-04-29

站长图库向大家介绍了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 去掉编辑器上传图片的宽高样式

相关文章

  • 2022-04-29PHPCMS V9 文章列表循环样式自定义方法
  • 2022-04-29Windows/Linux下Composer的安装与使用(详解)
  • 2022-04-29MacOS安装VirtualBox的问题小结
  • 2022-04-29PS制作超逼真霓虹灯效果文字
  • 2022-04-29mysql数据库数据字典生成代码
  • 2022-04-2915个值得收藏的实用JavaScript代码片段(项目必备)
  • 2022-04-29PhotoShop打造Wacom中国风熊猫创意广告海报制作教程
  • 2022-04-29Vue中如何根据主题获取不同的资源切换图片
  • 2022-04-29Photoshop制作超酷现代战争按钮教程
  • 2022-04-29Photoshop制作立体效果的草莓艺术字

文章分类

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

最近更新的内容

    • CorelDraw制作可爱的彩色塑料字教程
    • 网页CSS字体/网页常用中英文字体(带字体预览)
    • 基于开发中使用UEditor编辑器的注意事项详解
    • 分析ThinkPHP的调试手段和方法
    • 在微信小程序中用户登录和登录状态维护
    • php如何实现图片上传的封装
    • 详解wordpress非根目录部署nginx关键配置
    • 带你了解HTML5 SVG,看看怎么绘制自适应的菱形
    • 总结laravel中$request获取请求信息用法
    • wordpress怎么添加自定义按钮并导出csv

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

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