Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 亚洲精品日韩一区二区日本,亚洲视频一区二区三区,日韩精品亚洲人成在线播放

          整合營(yíng)銷服務(wù)商

          電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理

          免費(fèi)咨詢熱線:

          wangEditor 實(shí)現(xiàn)ctrl+v粘貼圖片并上傳、word粘貼帶圖片

          angEditor 實(shí)現(xiàn)ctrl+v粘貼圖片并上傳、word粘貼帶圖片,wangEditor實(shí)現(xiàn)粘貼word圖片,wangEditor實(shí)現(xiàn)粘貼word圖文,wangEditor實(shí)現(xiàn)粘貼word,wangEditor實(shí)現(xiàn)粘貼word文檔,wangEditor實(shí)現(xiàn)粘貼word內(nèi)容,wangEditor實(shí)現(xiàn)一鍵粘貼word圖片,wangEditor實(shí)現(xiàn)一鍵粘貼word圖文,wangEditor實(shí)現(xiàn)一鍵粘貼word,wangEditor實(shí)現(xiàn)一鍵粘貼word文檔,


          我們公司有一個(gè)新聞發(fā)布系統(tǒng),每天都會(huì)安排同事在后臺(tái)發(fā)布新聞,使用頻率比較高,使用的是富文本編輯器wangEditor,

          wangEditor4粘貼word圖片和文字,word圖片自動(dòng)上傳到服務(wù)器,圖片和文字HTML自動(dòng)添加到編輯器中,

          現(xiàn)在有個(gè)需求,就是需要為wangEditor編輯器增加粘貼Word圖片的功能,粘貼后圖片能夠自動(dòng)上傳到服務(wù)器中,服務(wù)器地址能夠自定義

          因?yàn)槁犕路磻?yīng),發(fā)布新聞的步驟有點(diǎn)繁瑣了,需要從word中復(fù)制圖文內(nèi)容,粘貼到編輯器中,然后再手動(dòng)上傳圖片,圖片數(shù)量多時(shí),這個(gè)操作太累了

          現(xiàn)在就想用戶使用操作起來更方便一些,一般發(fā)新聞,或者發(fā)文章用的比較多,可以說是高頻使用,

          如果能不裝控件實(shí)現(xiàn)就最好了,不過為了減輕工作量,裝個(gè)控件也沒關(guān)系,總比一張張上傳圖片簡(jiǎn)單。

          前端用了VUE2,VUE3,后端用了PHP,JSP,ASP,ASP.NET,SpringBoot


          下載示例:

          http://www.ncmem.com/webapp/wordpaster/versions.aspx

          選擇對(duì)應(yīng)示例進(jìn)行下載:


          在線代碼:https://gitee.com/xproer/wordpaster-asp.net-wangeditor

          1.從示例中復(fù)制WordPaster目錄

          2.復(fù)制文件上傳頁面

          upload.jsp

          /src/Xproer/Uploader.java


          編輯器頁面:

          1.引入頭和樣式


          注意:不要重復(fù)引入jquery,如果您的頁面(項(xiàng)目)已經(jīng)引入了jquery,則不要重復(fù)引入jquery





          2.初始化控件和插件



          注意:

          1.如果接口字段名稱不是file,請(qǐng)配置FileFieldName。ueditor接口中使用的upfile字段


          參考:http://www.ncmem.com/doc/view.aspx?id=c3ad06c2ae31454cb418ceb2b8da7c45

          2.如果接口返回JSON,請(qǐng)配置ImageMatch


          參考:http://www.ncmem.com/doc/view.aspx?id=07e3f323d22d4571ad213441ab8530d1

          3.如果接口返回的圖片地址沒有域名,請(qǐng)配置ImageUrl


          參考:http://www.ncmem.com/doc/view.aspx?id=704cd302ebd346b486adf39cf4553936
          4.如果接口有權(quán)限驗(yàn)證(登陸驗(yàn)證,SESSION驗(yàn)證),請(qǐng)配置COOKIE。或取消權(quán)限驗(yàn)證。
          參考:http://www.ncmem.com/doc/view.aspx?id=8602DDBF62374D189725BF17367125F3


          整合后的效果:


          訂閱版報(bào)價(jià)單:https://drive.weixin.qq.com/s?k=ACoAYgezAAw70JsA8m
          政企版報(bào)價(jià)單:https://drive.weixin.qq.com/s?k=ACoAYgezAAwuqJtN30#/

          年費(fèi)版報(bào)價(jià)單:https://drive.weixin.qq.com/s?k=ACoAYgezAAwFouDIB4#/

          OEM版報(bào)價(jià)單:https://drive.weixin.qq.com/s?k=ACoAYgezAAwV00mQSY

          產(chǎn)品源代碼:https://drive.weixin.qq.com/s?k=ACoAYgezAAwz13B5Tr

          TML編輯器從WORD復(fù)制粘貼圖片,HTML編輯器從WORD復(fù)制圖片,HTML編輯器從WORD粘貼圖片,javascript支持WORD上傳的富文本編輯器,JS支持word上傳的富文本編輯器,html支持word上傳的富文本編輯器,前端支持word上傳的富文本編輯器,vue支持word上傳的富文本編輯器,javascript粘貼word圖片,js粘貼word圖片,javascript導(dǎo)入word,js導(dǎo)入word,word文檔如何存到HTML編輯器上,word圖片如何保存到html編輯器上,word圖文如何保存到html編輯器上,word文檔如何轉(zhuǎn)存到html編輯器上,word文檔如何轉(zhuǎn)存到富文本編輯器上,word文檔如何轉(zhuǎn)存到web編輯器上,word文檔如何轉(zhuǎn)存到百度富文本編輯器上

          HTML編輯器粘貼word圖片,web編輯器粘貼word圖片,web富文本編輯器粘貼word,

          粘貼word內(nèi)容,粘貼word圖片,粘貼word圖文,

          用戶發(fā)布新聞的時(shí)候是從word里面復(fù)制圖片和文字,也就是復(fù)制word文檔里面的內(nèi)容,這些內(nèi)容包含文字和圖片

          然后將word圖文內(nèi)容粘貼到web富文本編輯器中,圖片自動(dòng)上傳到web服務(wù)器中,上傳通過指定的接口,接口能夠自定義,能夠在內(nèi)網(wǎng)使用,能夠在外網(wǎng)使用

          粘貼后自動(dòng)返回文字和圖片HTML,圖片和文字HTML自動(dòng)添加到編輯器中,用戶能夠直接看到粘貼后的效果,能夠不裝插件最好。

          1.下載示例:

          http://www.ncmem.com/webapp/wordpaster/versions.aspx

          2.復(fù)制WordPaster插件目錄

          3.引入插件文件

          注意:不要重復(fù)引入jquery,如果您的項(xiàng)目已經(jīng)引入了jq,則不用再引入jq-1.4

          4.在工具欄中增加插件按鈕

          6.初始化控件

          注意:

          1.如果接口字段名稱不是file,請(qǐng)配置FileFieldName。ueditor接口中使用的upfile字段

          參考:http://www.ncmem.com/doc/view.aspx?id=c3ad06c2ae31454cb418ceb2b8da7c45

          2.如果接口返回JSON,請(qǐng)配置ImageMatch

          參考:http://www.ncmem.com/doc/view.aspx?id=07e3f323d22d4571ad213441ab8530d1

          3.如果接口返回的圖片地址沒有域名,請(qǐng)配置ImageUrl

          參考:http://www.ncmem.com/doc/view.aspx?id=704cd302ebd346b486adf39cf4553936

          4.如果接口有權(quán)限驗(yàn)證(登陸驗(yàn)證,SESSION驗(yàn)證),請(qǐng)配置COOKIE。或取消權(quán)限驗(yàn)證。

          參考:http://www.ncmem.com/doc/view.aspx?id=8602DDBF62374D189725BF17367125F3

          效果

          訂閱版報(bào)價(jià)單:https://drive.weixin.qq.com/s?k=ACoAYgezAAwE99pINf

          年費(fèi)版報(bào)價(jià)單:https://drive.weixin.qq.com/s?k=ACoAYgezAAwFouDIB4#/

          天介紹一個(gè)根據(jù)html生成圖片的工具h(yuǎn)tml2canvas,主要原理是使用canvas繪制html,再使用canvas生成圖片。

          工具官網(wǎng)

          1. 安裝

          npm install html2canvas --save

          2. 引用

          import html2canvas from 'html2canvas'

          3. 使用

          如:生成id為result_page容器內(nèi)dom的圖片;

          html2canvas(document.querySelector("#result_page"), {scale:1,logging:false}).then(canvas => {
           self.resultImgSrc = canvas.toDataURL("image/png");
          })
          
          

          注:scale:控制著放大比例,值越大越耗性能,生成的圖片越清晰,如果視口寬度為750px,設(shè)置為1即可;


          主站蜘蛛池模板: 亚洲中文字幕在线无码一区二区| 国产一区二区三区视频在线观看| 国产精品亚洲一区二区麻豆| 色欲精品国产一区二区三区AV| 中文字幕视频一区| 波多野结衣一区二区| 日韩精品中文字幕视频一区 | 国产精品日本一区二区在线播放 | 91福利一区二区| 国产精品无码一区二区三区在| 一区 二区 三区 中文字幕 | 亚洲成AV人片一区二区| 国产精品夜色一区二区三区| 日韩视频一区二区在线观看| 国产一区三区二区中文在线| 久久精品无码一区二区WWW| 内射少妇一区27P| 人妻无码视频一区二区三区| 美日韩一区二区三区| 国模私拍一区二区三区| 欧美日韩综合一区二区三区| 深夜福利一区二区| 国产一区二区中文字幕| 精品亚洲av无码一区二区柚蜜| 亚洲一区二区三区在线播放| 3d动漫精品啪啪一区二区中文| 高清一区高清二区视频| 无码人妻一区二区三区一| 国产高清在线精品一区小说| 国产成人综合一区精品| 中文字幕一区二区人妻| 国产精品视频一区国模私拍 | 日韩十八禁一区二区久久| 亚洲AV色香蕉一区二区| 日韩有码一区二区| 日本在线视频一区二区| 国产一区二区三区乱码| 免费无码一区二区| 亲子乱av一区区三区40岁| 久久精品黄AA片一区二区三区| 亚洲AⅤ无码一区二区三区在线|