ueditor多图上传如何设置图片默认宽度是编辑器的80%

xiyaoponewnew 2018-01-25 04:49:19

ueditor多图上传如何设置图片默认宽度是编辑器的80%；
叩谢！！！！

...全文

1192 4 打赏收藏转发到动态举报

写回复

4 条回复

切换为时间正序

请发表友善的回复…

发表回复

NicknameJack 2020-05-19

打赏
举报

回复

ueditor.all.min.js 中修改为var e = (ie && browser.version < 9 ? "" : "<!DOCTYPE html>") + "<html xmlns='http://www.w3.org/1999/xhtml' class='view' ><head><style type='text/css'>.view{padding:0;word-wrap:break-word;cursor:text;height:90%;}\nbody{margin:8px;font-family:sans-serif;font-size:16px;}p{margin:5px 0;}img{max-width:80%;}</style>",即添加img{max-width:80%;}

yaotomo 2018-01-31

打赏
举报

回复

用max-width 这个我在kindeditor里遇到过，图片大小不能自适应编辑器

xiyaoponewnew 2018-01-31

打赏
举报

回复

能详细点吗？还有没有人知道？叩谢

孟子E章 2018-01-25

打赏
举报

回复

可以设置style="max-width:80%"，这需要在css这添加定义或者在插入图片的方法中添加样式

Ueditor HTML编辑器是百度开源的HTML编辑器，本模块帮助在Django应用中集成百度Ueditor HTML编辑器。安装包中已经集成Ueditor v1.2.2 使用Django-Ueditor非常简单，方法如下： 1、安装方法 **方法一：下载安装包，在命令行运行： python setup.py install **方法二：使用pip工具在命令行运行(推荐)： pip install DjangoUeditor 2、在INSTALL_APPS里面增加DjangoUeditor app，如下： INSTALLED_APPS = ( #........ 'DjangoUeditor', ) 3、在urls.py中增加： url(r'^ueditor/',include('DjangoUeditor.urls' )), 4、在models中这样定义： from DjangoUeditor.models import UEditorField class Blog(models.Model): Name=models.CharField(,max_length=100,blank=True) Content=UEditorField('内容 ',height=100,width=500,default='test',imagePath="uploadimg/",imageManagerPath="imglib",toolbars='mini',options={"elementPathEnabled":True},filePath='upload',blank=True) 说明： UEditorField继承自models.TextField,因此你可以直接将model里面定义的models.TextField直接改成UEditorField即可。 UEditorField提供了额外的参数： toolbars:配置你想显示的工具栏，取值为mini,normal,full，代表小，一般，全部。如果默认的工具栏不符合您的要求，您可以在settings里面配置自己的显示按钮。参见后面介绍。 imagePath:图片上传的路径,如"images/",实现上传到"{{MEDIA_ROOT}}/images"文件夹 filePath:附件上传的路径,如"files/",实现上传到"{{MEDIA_ROOT}}/files"文件夹 imageManagerPath:图片管理器显示的路径，如"imglib/",实现上传到"{{MEDIA_ROOT}}/imglib",如果不指定则默认=imagepath。 options：其他UEditor参数，字典类型。参见Ueditor的文档ueditor_config.js里面的说明。 css:编辑器textarea的CSS样式 width，height:编辑器的宽度和高度，以像素为单位。 5、在表单中使用非常简单，与常规的form字段没什么差别，如下： class TestUeditorModelForm(forms.ModelForm): class Meta: model=Blog *********************************** 如果不是用ModelForm，可以有两种方法使用： 1: 使用forms.UEditorField from DjangoUeditor.forms import UEditorField class TestUEditorForm(forms.Form): Description=UEditorField("描述",initial="abc",width=600,height=800) 2: widgets.UEditorWidget from DjangoUeditor.widgets import UEditorWidget class TestUEditorForm(forms.Form): Content=forms.CharField(label="内容",widget=UEditorWidget(width=800,height=500, imagePath='aa', filePath='bb',toolbars={})) widgets.UEditorWidget和forms.UEditorField的输入参数与上述models.UEditorField一样。 6、Settings配置在Django的Settings可以配置以下参数： UEDITOR_SETTINGS={ "toolbars":{ #定义多个工具栏显示的按钮，允行定义多个 "name1":[[ 'source', '|','bold', 'italic', 'underline']], "name2",[] }, "images_upload":{ "allow_type":"jpg,png", #定义允许的上传的图片类型 "max_size":"2222kb" #定义允许上传的图片大小，0代表不限制 }, "files_upload":{ "allow_type":"zip,rar", #定义允许的上传的文件类型 "max_size":"2222kb" #定义允许上传的文件大小，0代表不限制 },, "image_manager":{ "location":"" #图片管理器的位置,如果没有指定，默认跟图片路径上传一样 }, } 7、其他事项： **本程序基于百度ueditor 1.2.2，安装包里面已经包括了，不需要再额外安装。 **目前暂时不支持ueditor的插件 **Django默认开启了CSRF中间件，因此如果你的表单没有加入{% csrf_token %}，那么当您上传文件和图片时会失败

NULL 博文链接：https://wjch-111.iteye.com/blog/1933437

Ueditor个人使用的小小总结，不是很系统，便使用变记录

ueditor静态资源文件

87,994

社区成员

224,689

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章