查看網(wǎng)站有沒(méi)有備案全國(guó)疫情防控最新數(shù)據(jù)
支持復(fù)制粘貼WORD公式的KINDEDITOR編輯器,KindEditor 實(shí)現(xiàn)ctrl+v粘貼圖片并上傳、word粘貼帶圖片,編輯器用的是KindEditor,需要為KindEditor增加復(fù)制粘貼圖片的功能,復(fù)制word圖片,復(fù)制本地圖片,復(fù)制后粘貼到編輯器中,自動(dòng)上傳到服務(wù)器中。返回圖片地址HTML,
之前在網(wǎng)上也找過(guò)相關(guān)的資料,論壇里面也有網(wǎng)友交流過(guò),還加過(guò)很多QQ群和微信群,但是結(jié)果都不太令人滿意。主要有幾點(diǎn),一點(diǎn)是網(wǎng)上提到的方案很多都不行,測(cè)試失敗,
需要為KindEditor編輯器增加粘貼Word圖片的功能,粘貼后圖片能夠自動(dòng)上傳到服務(wù)器中,服務(wù)器地址能夠自定義
用戶使用操作起來(lái)更方便一些,一般發(fā)新聞,或者發(fā)文章用的比較多,可以說(shuō)是高頻使用,
前端用了VUE2,VUE3,后端用了PHP,JSP,ASP,ASP.NET,SpringBoot
gitee:wordpaster-asp.net-kindeditor4x: 澤優(yōu)Word一鍵粘貼控件(WordPaster)是由荊門澤優(yōu)軟件有限公司開(kāi)發(fā)的一個(gè)支持多平臺(tái)(Windows,macOS,Linux)的簡(jiǎn)化Word內(nèi)容發(fā)布的組件。適用于政府門戶,集約化平臺(tái),CMS,OA,博客,文檔管理系統(tǒng),微信公眾號(hào),微博,自媒體,傳媒,在線教育等領(lǐng)域。主要幫助用戶解決Word文檔圖片一鍵粘貼,PowerPoint一鍵導(dǎo)入,PDF一鍵導(dǎo)入的問(wèn)題,微信公眾號(hào)內(nèi)容一鍵轉(zhuǎn)發(fā),
視頻教程:https://www.ixigua.com/7233245110635332152
主要步驟如下:
示例下載:http://www.ncmem.com/webapp/wordpaster/versions.aspx
上傳插件文件夾
上傳WordPaster文件夾
控件初始化
在head中引入組件文件
注意,不要重復(fù)引入jquery,如果您的頁(yè)面已經(jīng)引入了jquery這里就不要再引入jquery 1.4了。
<head>
<meta?http-equiv=”Content-Type”?content=”text/html; charset=utf-8″?/>
<title>WordPaster For KindEditor-4.x</title>
<link?type=”text/css”?rel=”Stylesheet”?href=”demo.css”?/>
<link?type=”text/css”?rel=”Stylesheet”?href=”WordPaster/js/skygqbox.css”?/>
<link?type=”text/css”?rel=”stylesheet”?href=”themes/simple/simple.css”?/>
<script?type=”text/javascript”?charset=”utf-8″?src=”kindeditor-min.js”></script>
<script?type=”text/javascript”?charset=”utf-8″?src=”lang/zh_CN.js”></script>
<script?type=”text/javascript”?src=”WordPaster/js/json2.min.js”?charset=”utf-8″></script>
<script?type=”text/javascript”?src=”WordPaster/js/jquery-1.4.min.js”?charset=”utf-8″></script>
<script?type=”text/javascript”?src=”WordPaster/js/skygqbox.js”?charset=”utf-8″></script>
<script?type=”text/javascript”?src=”WordPaster/js/w.js”?charset=”utf-8″></script>
</head>
提供容器并初始化組件
<!–WordPaster容器–>
<div?id=”wdpst”></div>
<script?type=”text/javascript”>
WordPaster.getInstance({
ui:{render:”wdpst”}//目標(biāo)容器,一般為div
});
</script>
將插件添加到工具欄,并掛載KindEditor的Ctrl+V快捷鍵事件
注意:
1.如果接口字段名稱不是file,請(qǐng)配置FileFieldName。
參考:設(shè)置文件字段名稱
2.如果接口返回JSON,請(qǐng)配置ImageMatch
參考:提取圖片地址
3.如果接口返回的圖片地址沒(méi)有域名,請(qǐng)配置ImageUrl
參考:圖片地址增加域名
整合效果
常見(jiàn)問(wèn)題:
1.???插件圖片無(wú)法顯示。
可能原因:a.缺少插件圖片資源
b.工具欄中沒(méi)有增加插件按鈕
2.???粘貼圖片無(wú)法顯示。
可能原因:PostUrl地址不正確
PostUrl請(qǐng)使用完整路徑(http://www.qq.com/upload.jsp),不要使用相對(duì)路徑(/upload.jsp)。
3.???Ctrl+V無(wú)法粘貼。
可能原因:沒(méi)有定義Ctrl+V事件
4.???整合到項(xiàng)目中圖片無(wú)法上傳
可能原因:上傳頁(yè)面有登陸驗(yàn)證,上傳時(shí)沒(méi)有添加SESSION信息,導(dǎo)致上傳失敗??稍谏蟼黜?yè)面增加SESSION參數(shù)。
訂閱版報(bào)價(jià)單:WordPaster2-訂閱版-2023.pdf
政企版報(bào)價(jià)單:WordPaster2-政企版-2024.pdf
年費(fèi)版報(bào)價(jià)單:WordPaster2-年費(fèi)版-2023.pdf
OEM版報(bào)價(jià)單:WordPaster2-OEM版-2024.pdf
產(chǎn)品源代碼:wordpaster-code.zip