`
郑云飞
  • 浏览: 813969 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

UEditor插入的图片自适应编辑框大小 点击图片不出现拉伸缩放边框

 
阅读更多

UEditor插入的图片

从ueditor.config.js可以看到这些,但是这些修改了,还是不行。

,compressSide:1             //等比压缩的基准,确定maxImageSideLength参数的参照对象。0为按照最长边,1为按照宽度,2为按照高度
//scaleEnabled
//是否可以拉伸长高,默认true(当开启时,自动长高失效)
//,scaleEnabled:false

UE的js肯定不会修改,所有可以考虑修改样式,由此我们找到如下文件:

E:\Camnpr\www\modules\ueditor\themes\iframe.css

从这个文件里,就能看到有这一句:/*可以在这里添加你自己的css*/

哈哈,接下来,我们写css吧:

01 img {
02  max-width100%/*图片自适应宽度*/
03 }
04 body {
05  overflow-y: scroll !important;
06 }
07 .view {
08  word-break: break-all;
09 }
10 .vote_area {
11  displayblock;
12 }
13 .vote_iframe {
14  background-colortransparent;
15  border0 none;
16  height100%;
17 }
18 #edui1_imagescale{display:none !important;} /*去除点击图片后出现的拉伸边框*/

 

分享到:
评论

相关推荐

    ueditor 百度编辑器 解决表格没有边框

    因为项目需要,发现直接从...这里从word,以及excel粘贴复制,都能直接有边框了,同时在编辑器里面新增表格,也能直接显示边框了,不需要右键-->设置显示边框了 我这里是使用在禅道上的,这里就直接给出已经修改的js

    ueditor自定义图片上传

    4. **处理服务器返回**:上传成功后,需要将服务器返回的图片URL插入到编辑器中。ueditor提供了一个回调函数`afterUpImg`,可以在这里处理服务器的响应。 ```javascript editor.addListener('afterUpImg', function...

    ueditor上传图片不显示

    ### Ueditor上传图片不显示问题解析与解决方法 #### 一、问题背景 在使用Ueditor编辑器的过程中,用户可能会遇到上传图片后无法正常显示的问题。这种情况通常表现为:上传后的图片仅显示一个小图标在旋转加载状态...

    百度编辑器ueditor上传图片视频以及div去掉P标签

    ueditor是一款流行的富文本编辑器,它提供了丰富的文本编辑功能,包括插入图片、视频等多媒体元素。然而,在默认情况下,ueditor可能会在用户插入内容时自动添加`<p>`标签,这在某些情况下可能不是我们希望看到的,...

    百度富文本编辑器ueditor上传图片宽高超范围问题2018.7.3补充

    在使用百度富文本编辑器ueditor时,用户可能会遇到一个常见的问题:当上传的图片尺寸超过预设限制时,图片在编辑器内显示不全,同时在网页发布后也可能导致页面布局混乱。为了解决这个问题,本文将提供一个完整的...

    ueditor上传图片配置

    ueditor是一款流行的富文本编辑器,它提供了丰富的在线编辑功能,包括文字编辑、图片上传、视频插入等。在SpringBoot环境下配置ueditor,可以帮助开发者快速构建一个支持多媒体内容的后台系统。 【描述】中提到的...

    Ueditor上传图片+图片回显+图片在线管理配置说明

    在使用 Ueditor 进行文本编辑时,图片上传、回显以及在线管理功能是非常关键的。本文将详细介绍如何配置 Ueditor 以实现这些功能。 ### 一、上传图片配置 在 Ueditor 中,图片上传功能首先需要在 `ueditor.config....

    ueditor编辑框demo

    ueditor编辑框支持多种插件和功能,如图片上传、视频插入、表格编辑、代码高亮等。在实际应用中,开发者可以根据需求选择启用或禁用这些功能,通过配置编辑器的初始化参数来实现定制化。例如,通过设置`toolbars`...

    ueditor(单独使用上传图片)

    【ueditor】是一款知名的富文本编辑器,广泛应用于网页内容编辑和管理,它提供了丰富的文本格式化、图片处理、多媒体插入等功能,使得用户无需编写HTML代码就能创建出专业级别的网页内容。在本案例中,我们将重点...

    uEditor上传图片并保存为原文件名

    【标题】"uEditor上传图片并保存为原文件名"涉及的是在ASP.NET环境中使用uEditor编辑器进行图片上传,并确保图片文件以上传时的原始文件名存储的过程。uEditor是一个流行的富文本编辑器,广泛应用于网站内容管理系统...

    ueditor修改图片路径和在线图片路径 源码

    - 图片上传成功后,ueditor会自动将返回的图片URL插入到编辑器中,因此返回的URL格式必须符合ueditor的期待。 - 在多域名环境中,考虑跨域问题,可能需要在返回的图片URL中添加CORS策略。 通过以上步骤,我们可以...

    ueditor jsp 图片上传demo

    1. **配置设置**:在jsp页面中,需要引入Ueditor的JavaScript库,并配置相应的参数,比如服务器端处理图片上传的URL、图片大小限制、允许的文件类型等。 2. **后端处理**:当用户选择图片并提交上传请求时,请求会...

    ueditor上传图片到阿里云oss服务器

    - 在ueditor中设置图片上传的相关参数,如图片大小限制、格式限制等。 - 为了提高用户体验,可以开启异步上传,这样图片上传不会阻塞用户编辑。 **二、ueditor上传流程** 1. 用户在ueditor中选择图片并点击上传...

    百度的UEditor修改图片上传路径版

    UEditor 是由百度公司开发的一款开源的富文本编辑器,它提供了丰富的API和功能,使得用户在网页上可以方便地进行文本编辑、图片上传、视频插入等操作。作为一款强大的在线编辑工具,UEditor 广泛应用于博客、论坛、...

    解决Vue使用UEditor百度编辑器,上传图片服务配置问题(源码)

    UEditor是一款强大的在线编辑器,支持图片、视频、公式等多种内容的插入。然而,将其与Vue框架结合时,可能会遇到一些配置上的挑战,尤其是图片上传服务的配置。本文将详细介绍如何解决这个问题。 首先,你需要在...

    ueditor跨域图片上传

    ueditor跨域图片上传ueditor跨域图片上传ueditor跨域图片上传ueditor跨域图片上传ueditor跨域图片上传ueditor跨域图片上传ueditor跨域图片上传

    UEditor 百度富文本编辑器 .Net实例 已解决上传图片问题

    1、UEditor 百度富文本编辑器完整版 .Net实例 已解决上传图片问题。 2、内附完整demo实例,附带txt讲解说明及UEditor常见问题解决方案。 3、已经调试好的百度文本编辑器实例,用户体验不错,具备很多人性化的功能,...

    UEditor上传图片测试项目

    图片上传功能的实现意味着用户可以通过UEditor编辑器选择本地图片,然后通过服务器端的处理将图片上传到指定的存储位置。相关说明文档可能包含了配置步骤、问题排查以及可能遇到的常见问题,这对于部署和使用这个...

    ueditor基本配置、图片上传配置、文件上传配置

    ueditor 是一款常用的富文本编辑器,它提供了丰富的功能,包括文本格式化、图片和文件上传等。配置ueditor涉及到的主要步骤如下: 1. **下载与放置**:首先需要从ueditor官网下载适用于项目的版本,比如这里的jsp...

Global site tag (gtag.js) - Google Analytics