国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

百度富文本上傳圖片后樣式崩塌

這篇具有很好參考價值的文章主要介紹了百度富文本上傳圖片后樣式崩塌。希望對大家有所幫助。如果存在錯誤或未考慮完全的地方,請大家不吝賜教,您也可以點擊"舉報違法"按鈕提交疑問。

???博客主頁:?破浪前進
??系列專欄:?Vue、React、PHP
??感謝大家點贊??收藏?評論??


百度富文本上傳圖片后樣式崩塌,富文本,vue,前端,vue.js,百度,UEditor

問題描述:上傳圖片后,圖片會變得很大,當點擊的時候更是會頂開整個的容器的高跟寬

原因:百度富文本為了呈現(xiàn)給用戶良好的使用導致沒有寫死寬高,本地多大上傳后就是多大

解決方法:在同時修改兩個文件分別在

loader.setAttribute('width','100%');//圖片寬度100%
loader.setAttribute('height','auto');//圖片高度auto

23774行(不一定)和24533(不一定),不行就搜索文章來源地址http://www.zghlxwxcb.cn/news/detail-736867.html

		loadingHtml = '<img class="loadingclass" id="' + loadingId + '" src="' +
                me.options.themePath + me.options.theme +
                '/images/spacer.gif" title="' + (me.getLang('autoupload.loading') || '') + '" >';
            successHandler = function(data) {
                var link = urlPrefix + data.url,
                    loader = me.document.getElementById(loadingId);
                if (loader) {
                    loader.setAttribute('src', link);
                    loader.setAttribute('_src', link);
                    loader.setAttribute('title', data.title || '');
                    loader.setAttribute('alt', data.original || '');
                    loader.setAttribute('width','100%');//圖片寬度100%
  				loader.setAttribute('height','auto');//圖片高度auto
                    loader.removeAttribute('id');
                    domUtils.removeClasses(loader, 'loadingclass');
                }
            };
					if(json.state == 'SUCCESS' && json.url) {
                            loader = me.document.getElementById(loadingId);
                            loader.setAttribute('src', link);
                            loader.setAttribute('_src', link);
                            loader.setAttribute('title', json.title || '');
                            loader.setAttribute('alt', json.original || '');
                            loader.setAttribute('width','100%');//圖片寬度100%
  						loader.setAttribute('height','auto');//圖片高度auto
                            loader.removeAttribute('id');
                            domUtils.removeClasses(loader, 'loadingclass');
                        } else {
                            showErrorLoader && showErrorLoader(json.state);
                        }

到了這里,關于百度富文本上傳圖片后樣式崩塌的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關文章,希望大家以后多多支持TOY模板網(wǎng)!

本文來自互聯(lián)網(wǎng)用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。如若轉(zhuǎn)載,請注明出處: 如若內(nèi)容造成侵權/違法違規(guī)/事實不符,請點擊違法舉報進行投訴反饋,一經(jīng)查實,立即刪除!

領支付寶紅包贊助服務器費用

相關文章

  • UEditor富文本編輯器上傳圖片打不開,提示“后端配置項沒有正常加載,上傳插件不能正常使用”

    UEditor富文本編輯器上傳圖片打不開,提示“后端配置項沒有正常加載,上傳插件不能正常使用”

    1、安裝 npm install?vue-ueditor-wrap 2、下載所需資源 這一步在解決報錯的時候會用到 ?????????? UEditor資源下載鏈接 上面的打不開請從下面鏈接下載項目 ueditor-download: vue項目中集成ueditor的UE資源 3、下載完成后將文件夾放到public文件夾下 4、 配置ueditor.config.js,并且在main.j

    2024年02月13日
    瀏覽(97)
  • UEditor 百度富文本編輯器使用 遇到問題

    UEditor 百度富文本編輯器使用 遇到問題

    小小吐槽 碰到前后不分離項目,富文本使用的UEdtior? 在ueditor.all.js文件中找到這個 callback()函數(shù)? 這里使用根據(jù)圖片的url轉(zhuǎn)成base64 ? 把ueditor.all.js 中 swictch 循環(huán) case \\\'img\\\'注釋掉 ? 所以最后的解決方法是: 1、ueditor.config.js,enableAutoSave的注釋去掉并設置成false,saveInterval的注釋

    2024年02月15日
    瀏覽(23)
  • Ueditor上傳圖片自動添加水?。ㄍㄓ脠D片文件)

    Ueditor上傳圖片自動添加水?。ㄍㄓ脠D片文件)

    1、找到config.json,在配置文件中新增水印效果 ?2、找到php目錄下的 action_uploads.php 文件 3、找到php同級目錄下的類 uploadser.class.php? ? 注意:以上代碼會提示一個錯誤 imagealphablending() expects parameter 1 to be resource imagesavealpha() expects parameter 1 to be resource 在這個位置: 這個錯誤是因

    2024年02月12日
    瀏覽(24)
  • UEditor配置后端上傳圖片

    UEditor配置后端上傳圖片

    ??? 博客主頁 :?破浪前進 ?? 系列專欄 :?Vue、React、PHP ?? 感謝大家點贊??收藏?評論?? 接口:

    2024年02月06日
    瀏覽(31)
  • 前端JS 展示上傳圖片縮略圖(本地圖片讀?。? decoding=

    前端JS 展示上傳圖片縮略圖(本地圖片讀取)

    需求: 點擊上傳圖片按鈕,選擇圖片以后,不請求后端接口,直接將圖片展示在縮略圖中。 解決方案: 使用 FileReader 和 FileReader 中的 readAsDataURL 方法。 第一步 從 input[type=“file”] (上傳文件標簽) 里面拿到 file 數(shù)據(jù),類似下圖 第二步 拿到file數(shù)據(jù)后,執(zhí)行下面代碼 效果展示

    2024年02月15日
    瀏覽(24)
  • vue2使用 tinymce富文本編輯器-圖片上傳、粘貼圖片上傳致服務器

    1.安裝tinymce富文本編輯器插件 npm i tinymce npm i @tinymce/tinymce-vue 2.創(chuàng)建Editor.js文件 封裝組件 以便使用 3.漢化包 (我放在public/tynymce/langs文件夾里) 4.vue組件中使用 本次記錄重點在于 上傳圖片方法 需要區(qū)分工具欄中圖片上傳方法 以及 粘貼進去的圖片也需要走上傳方法。兩個方

    2024年02月09日
    瀏覽(97)
  • vue項目百度ueditor編輯器集成135和秀米,主題圖標美化

    vue項目百度ueditor編輯器集成135和秀米,主題圖標美化

    本文介紹vue項目里引入百度Ueditor富文本編輯器,集成135編輯器和秀米編輯器,使內(nèi)容編輯更加豐富,跳轉(zhuǎn)體驗更加絲滑。再封裝成組件,使用更加快捷。 編輯器主界面 彈框打開135編輯器 彈框打開秀米編輯器 操作說明:ueditor編輯器菜單欄集成135和秀米圖標,點擊分別彈框打

    2024年02月05日
    瀏覽(26)
  • 前端:JS:將圖片轉(zhuǎn)為二進制與其他文本傳入后端

    在前端,可以將圖片轉(zhuǎn)換為二進制數(shù)據(jù),并將其與其他文本字符串一起發(fā)送到后端。一種常見的方法是將所有數(shù)據(jù)組合為一個 FormData 對象,然后通過 AJAX 或 Fetch API 將其發(fā)送給后端。以下是一個示例: 解釋 : 當文件輸入框內(nèi)容發(fā)生變化時,會觸發(fā) change 事件。然后,它會讀

    2024年04月26日
    瀏覽(33)
  • Vue +vue-quill-editor+ Element UI使用富文本編輯器,上傳圖片,上傳視頻

    Vue +vue-quill-editor+ Element UI使用富文本編輯器,上傳圖片,上傳視頻

    如果你們有問題,可以發(fā)評論提問,我看見一定回復?。。。?! 一、基本使用 1、下載vue-quill-editor組件 2、引入· 富文本組件 方式一:全局引入 (在 main.js 文件中) 方式二:按需引入 (在 單個組件 中引用) 3、工具欄相關配置 4、設置工具欄中文提示 5、修改vue-quill-editor字體

    2024年02月08日
    瀏覽(117)
  • Vue前端壓縮圖片后上傳,拍照上傳最佳實踐

    Vue前端壓縮圖片后上傳,拍照上傳最佳實踐

    最近有一個需求,通過手機拍照后上傳圖片到服務器,大家應該都知道,現(xiàn)在的手機像素實在是太高了,隨便拍一張都是 10M 以上,直接上傳到服務器一方面是浪費存儲空間,另外就是特別浪費流量,如果網(wǎng)絡不好還很慢。所以想尋求一種前端壓縮圖片的方案。 在網(wǎng)上找了很

    2024年02月10日
    瀏覽(28)

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請作者喝杯咖啡吧~博客贊助

支付寶掃一掃領取紅包,優(yōu)惠每天領

二維碼1

領取紅包

二維碼2

領紅包