首页 > 其他分享 >百度富文本编辑器ueditor上传图片宽度设置

百度富文本编辑器ueditor上传图片宽度设置

时间:2023-02-03 19:23:53浏览次数:48  
标签:ueditor 文本编辑 iframe themes 设置 上传 css

分两步

1.ueditor 的 themes 文件夹下有个iframe.css 加入以下代码,设置样式,保存(原先的css文件是空的)

img {  
 max-width: 330; /*图片自适应宽度,这里设置为宽330px,高度会等比例调整;也可设置成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;}

2.在ueditor.config.js内搜索 “themes/iframe.css” ,打开前面的注释双斜杠;第86行;使定义的样式生效

        //,focus:false //初始化时,是否让编辑器获得焦点true或false

        //如果自定义,最好给p标签如下的行高,要不输入中文时,会有跳动感
        //,initialStyle:'p{line-height:1em}'//编辑器层级的基数,可以用来改变字体等

        ,iframeCssUrl: URL + '/themes/iframe.css' //给编辑区域的iframe引入一个css文件

        //indentValue
        //首行缩进距离,默认是2em
        //,indentValue:'2em'

重启服务,清除浏览器缓存(十分重要,不然你会怀疑自己),编辑框效果如下:

 

 

简单的一个功能,网上搜到的资源坑太多了,留个记录吧。

 

标签:ueditor,文本编辑,iframe,themes,设置,上传,css
From: https://www.cnblogs.com/slowcity/p/17090258.html

相关文章

  • .NET-超大文件上传-如何上传文件-大文件上传
    ​ HTML部分 <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="index.aspx.cs" Inherits="up6.index" %><!DOCTYPE html PUBLIC "-//W3C//DTDXH......
  • C#.NET-超大文件上传-如何上传文件-大文件上传
    ​ IE的自带下载功能中没有断点续传功能,要实现断点续传功能,需要用到HTTP协议中鲜为人知的几个响应头和请求头。 一. 两个必要响应头Accept-Ranges、ETag     ......
  • JavaScript-超大文件上传-如何上传文件-大文件上传
    ​ 第一点:Java代码实现文件上传FormFilefile=manform.getFile();StringnewfileName= null;Stringnewpathname= null;StringfileAddre= "/numUp";try{......
  • wangeditor富文本编辑和vue3
    官网:wangEditor  https://www.wangeditor.com/v5/为啥用这个富文本编辑器(我觉得官网写自己优势已经非常好了没有啥可补充的了) 文档特别的全和友好安装yarnadd......
  • JS-超大文件上传-如何上传文件-大文件上传
    ​ 以ASP.NETCoreWebAPI 作后端 API ,用 Vue 构建前端页面,用 Axios 从前端访问后端 API,包括文件的上传和下载。 准备文件上传的API #region 文件上传......
  • JAVA-超大文件上传-如何上传文件-大文件上传
    ​ 我们平时经常做的是上传文件,上传文件夹与上传文件类似,但也有一些不同之处,这次做了上传文件夹就记录下以备后用。这次项目的需求:支持大文件的上传和续传,要求续传支持......
  • VUE-超大文件上传-如何上传文件-大文件上传
    ​ 这里只写后端的代码,基本的思想就是,前端将文件分片,然后每次访问上传接口的时候,向后端传入参数:当前为第几块文件,和分片总数下面直接贴代码吧,一些难懂的我大部分都加上......
  • springboot上传资源到本地,数据库中存url
    importjava.io.File;importjava.io.IOException;importjava.net.URLEncoder;importjava.util.UUID;importorg.springframework.beans.factory.annotation.Autow......
  • 文件上传
    文件上传,也称为upload,是指将本地图片、视频、音频等文件上传到服务器上,可以供其他用户浏览或下载的过程。文件上传在项目中应用非常广泛,我们经常发微博、发微信朋友圈都用......
  • Git上传代码至GitCode
    GitCode简介GitCode和GitHub、Gitee一样是一个开源的代码托管平台。虽然从功能性和便捷性来说,GitHub的使用体验是Gitee和GitCode所无法比拟的,但是由于Github在......