ueditor富文本解决图片过大展示不好的问题

2018-09-10 16:10:32

1.文章详情页面的图片展示问题

        由于富文本插入过来的图片过大,导致详情页里面的图片展示超过的我给的布局,尤其是在手机页面。这样就会很难看。

这个可以用

img{
    max-width: 100% !important;
    height: auto !important;
}

            全局限制下,就能解决这个问题。perfect。


2.解决富文本中图片展示不友好,并且手动拉伸不方便的问题。

        本打算用js给展示iframe注入css的方法来解决这个问题,后来通过控制的网络访问,发现富文本的iframe会请求iframe.css的一个文件,再ueditor/theme下面。上面写着可以自定义样式。原来早就留有入口。

        于是把这段话放在了iframe.css里面。完美。并且拖拽也不变形了。


3.扩展自定义js  (更多功能,就可以自己放心的开发了,同样的js和css不要忘记放在展示页面内)

        全文搜索丁文带代码,照葫芦画瓢,我又增加了自定义iframe.js


        部分代码如下

var html = ( ie && browser.version < 9  ? '' : '<!DOCTYPE html>') +
    '<html xmlns=\'http://www.w3.org/1999/xhtml\' class=\'view\' ><head>' +
    '<script src=\'/ueditor/themes/iframe.js\'></script>' +
    '<style type=\'text/css\'>' +
    //设置四周的留边
    '.view{padding:0;word-wrap:break-word;cursor:text;height:90%;}\n' +
    //设置默认字体和字号
    //font-family不能呢随便改,在safari下fillchar会有解析问题
    'body{margin:8px;font-family:sans-serif;font-size:16px;}' +
    //设置段落间距
    'p{margin:5px 0;}</style>' +
    ( options.iframeCssUrl ? '<link rel=\'stylesheet\' type=\'text/css\' href=\'' + utils.unhtml(options.iframeCssUrl) + '\'/>' : '' ) +
    (options.initialStyle ? '<style>' + options.initialStyle + '</style>' : '') +
    '</head><body class=\'view\' ></body>'


  • 2020-12-07 16:17:53

    nodejs用redis实现队列操作

    其实nodejs实现队列的方式又很多中,也有很多开源的插件和队列数据库可以使用,但是呢,如果我们一个简单的项目,完全可以使用redis来实现队列, 这样再不增加技术难度的同事,我们也就可以完美的实现一个队列

  • 2020-12-07 22:02:44

    intellij idea远程开发的几个想法

    我之前是用idea上面自带的stfp来做的本地开发同步到linux服务器编译,但是我发现这个如果多个客户端同时开发,或者多个同事一起开发,服务器上的就不能更新到本地。是不能增量更新到本地,必须全部下载,比对下载也行,但是工程量打了就特别慢。

  • 2020-12-07 22:06:13

    System Extension Blocked - warning

    After upgrading your macOS computer to High Sierra 10.13.4 or higher (starting in April 2018), you may see a message about a System Extension Blocked. At Williams we have seen this warning appear for these programs:

  • 2020-12-08 08:57:12

    win10上使用win-sshfs

    首先在GitHub上下载DokanSetup-1.0.5.1000和WinSSHFS-1.6.1.13-devel 注意:Dokan不能使用最新的版本,得使用1.0.5版本。要不win-sshfs会报Dokan版本错误的问题。(win10版本)

  • 2020-12-08 11:51:54

    Ubuntu安装Node.js和npm

    Node.js是基于Chrome的JavaScript构建的跨平台JavaScript运行时环境,npm是Node.js的默认程序包管理器,也是世界上最大的软件注册表。本篇文章展示了三种在Ubuntu 20.04服务器上安装Node.js和npm的方法。