控制富文本中图片宽高_tinyMCE富文本编辑器如何设置默认的图片宽度

大佬们我想在用户上传图片后给编辑器里的图片设置一个默认宽度这该在哪里进行设置啊

以下是我现在的tinyMCE初始化设置

tinymce.init({

selector: '#' + this.elementId,

height: 400,

plugins: ['link', 'table', 'image'],

skin_url: 'assets/skins/lightgray',

// image_dimensions: false,

init_instance_callback : function(editor) {

setTimeout(function(){

console.log(self.model);

if (self.model.content === undefined) {

editor.setContent("");

} else {

editor.setContent(self.model.content);

}

},1000)

setup: editor => {

editor.on('keyup change', () => {

const content = editor.getContent();

self.model.content = editor.getContent()

});

// 图片上传功能

images_upload_handler: function(blobInfo, success, failure) {

var formData;

formData = new FormData();

formData.append("file", blobInfo.blob(), blobInfo.filename());

self.uploadFile(`${environment.host}/admin.php/brand/common/upload`, formData).subscribe( response => {

var str = JSON.stringify(response);

var selfimgurl = JSON.parse(str)

console.log(selfimgurl)

success(selfimgurl.link);

});

}

});

控制富文本中图片宽高_tinyMCE富文本编辑器如何设置默认的图片宽度相关推荐

android 通过图片url获取宽高_通过 URL 获取图片宽高优化
一张小图.png 前言客户端研发时,有时会有这样的需求,需要根据图片链接地址获取图片的宽高来进行界面排版. 一般比较正规的做法,是服务端在返回数据时将图片的信息属性一起带回来,这也符合轻客户端设计规 ...
前端获取图片宽高的几种方法
有时候动态加载图片,会因为图片宽高导致显示拉伸情况,如果能根据图片URL地址获取到图片的宽高,再进行渲染,就可以了,以下两种方案供参考: 方法一: // 图片地址 var imgUrl = " ...
【修复日常bug】京东富文本详情图变形的多种处理方式（解决商品详情图片宽高不适应问题）
我前面写过一篇解析京东富文本详情的文章: https://blog.csdn.net/qq_35610214/article/details/102468150 上面这篇文章是处理小程序无法显示京东商 ...
css控制图片拉伸不变形,css+background实现图片宽高自适应，拉伸裁剪不变形
图片宽高不固定 ,一样实现自适应,拉伸裁剪不变形,适应各大兼容性. 下面咱们在网上找两张宽高不一样的照片: No.1 ...
css限制图片高宽,CSS限定图片宽高在范围内等比缩放（img缺省宽高属性）
this.p={ m:2, b:2, loftPermalink:'', id:'fks_0870650860840870700840950850640720870830750840840850660 ...
【PDFBox】PDFBox操作PDF文档之添加本地图片、添加网络图片、图片宽高自适应、图片水平垂直居中对齐
这篇文章,主要介绍PDFBox操作PDF文档之添加本地图片.添加网络图片.图片宽高自适应.图片水平垂直居中对齐. 目录一.PDFBox操作图片 1.1.添加本地图片 (1)案例代码 (2)运行效果 ...
vue-preview动态获取图片宽高并增加旋转功能
vue-preview是一个常用的图片查看器,微博网页版就是用的这个插件: 我在项目中也用过这个插件,总体来说,还是比较满意.但是缺少一个图片旋转功能. 安装使用第一步:安装 npm i vue-p ...
20220209-CTF MISC -normal_png-stegsolve分析图片--Winhex修改图片宽高
攻防世界- MISC-进阶区-003-normal_png 下载附件: 首先Mac打不开: 换到kali 也无法打开: 于是我又换到windows(之前碰到过这种情况,图片只能在Windows环境下才 ...
vue移动端通过px动态计算图片宽高_vue图片宽高自适应_移动web图片高度自适应的解决方案...
由于图片的加载是在dom加载完成之后进行的,于是,在手机端浏览网页时,经常会看到页面刚打开时很多内容叠在一起,当图片加载完成后,页面会由于图片加载完成出现明显的抖动针对这个问题,有以下几种解决方案 ...

控制富文本中图片宽高_tinyMCE富文本编辑器如何设置默认的图片宽度

控制富文本中图片宽高_tinyMCE富文本编辑器如何设置默认的图片宽度相关推荐

最新文章

热门文章