ueditor编辑器插入的图片宽高超过了编辑器的宽高就会有个超出范围的外边线

﹏ヽ暗。殇╰゛Y 2021-12-04 00:27 199阅读 0赞

效果如下o：我们肯定是希望图片放进去只是是宽度合适的。高度根据下拉的滚动条自适应。只是下拉就能看到全部的。![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMzNzY5OTE0_size_16_color_FFFFFF_t_70][]

这就需要加点css的样式啦

找到iframe.css![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMzNzY5OTE0_size_16_color_FFFFFF_t_70 1][]

这是编辑器里面使用的样式css。默认的里面是空的。直接在里面添加样式就好了。

> img \{    
>  max-width: 100%; /\*图片自适应宽度\*/    
> \}    
> body \{    
>  overflow-y: scroll !important;    
> \}    
> .view \{    
>  word-break: break-all;    
> \}    
> .vote\_area \{    
>  display: block;    
> \}    
> .vote\_iframe \{    
>  background-color: transparent;    
>  border: 0 none;    
>  height: 100%;    
> \}    
> \#edui1\_imagescale\{display:none !important;\}

现在的效果就是

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMzNzY5OTE0_size_16_color_FFFFFF_t_70 2][]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMzNzY5OTE0_size_16_color_FFFFFF_t_70]: /images/20211203/3acd5ae5d6fe415b87699902ad4f5b4d.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMzNzY5OTE0_size_16_color_FFFFFF_t_70 1]: /images/20211203/621babd1b5cc44d1894e9ef8111a6545.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMzNzY5OTE0_size_16_color_FFFFFF_t_70 2]: /images/20211203/bfc082ac43d24464a83686d8401d9355.png