SP – 支持WORD上傳的富文本編輯器,EWEBEDITOR 從WORD中復制內容帶多張圖片,如何從WORD文檔復制公式到富文本編輯器,復制word圖片,從word中復制圖片,從word中粘貼圖片,粘貼word內容,粘貼word圖片,粘貼word圖文,復制粘貼word文檔,復制粘貼word圖片,復制粘貼word圖文,復制粘貼word內容,
之前在網上找過相關的資料,論壇里面也有網友交流過,還加過不少QQ群和微信群,但是結果都不太令人滿意。相關的文章提問的人多,能夠給出方案的人少,能夠給出成熟產品的就更少了,說的直接一點根本就沒有,純屬浪費時間。
有幾個方面的原因吧,一個是網上的資料提的一些都是開源的方案,也不是說開源的方案不行,關鍵是提到的這些方案,公司項目組去評估發現聯系不到開發人員,而且方案本身也停止更新了,處于沒有人維護的狀態,所以項目組這邊不太敢用。
客戶那邊也不差這點錢,之前公司項目組就是在這塊踩過坑,用了開源的方案,客戶那邊提了一個新需求,但是由于項目組對產品本身并不熟悉,導致沒辦法進行二次開發。
從word中復制圖片和文字內容,然后粘貼到web富文本編輯器中,粘貼后word圖片自動上傳到web服務器中,自動將圖片和文字HTML添加到編輯器中,保留word中的文字格式,文字顏色,字體,樣式,
用戶發布新聞的時候是從word里面復制圖片和文字,然后將word圖文內容粘貼到web富文本編輯器中,希望能夠將word的圖片自動上傳到服務器中,服務器地址能夠自定義,
后端的話需要支持任意開發語言,比如ASP,ASP.NET,JSP,PHP,PYTHON等。只要是基于標準HTTP協議的都要支持。如果能夠不裝控件最好,視頻教程:https://www.ixigua.com/7233953214108795407
1.下載示例:
http://www.ncmem.com/webapp/wordpaster/versions.aspx
2.復制WordPaster插件目錄
3.引入插件文件
注意:不要重復引入jquery,如果您的項目已經引入了jq,則不用再引入jq-1.4
4.在工具欄中增加插件按鈕
6.初始化控件
注意:
1.如果接口字段名稱不是file,請配置FileFieldName。ueditor接口中使用的upfile字段
參考:http://www.ncmem.com/doc/view.aspx?id=c3ad06c2ae31454cb418ceb2b8da7c45
2.如果接口返回JSON,請配置ImageMatch
參考:http://www.ncmem.com/doc/view.aspx?id=07e3f323d22d4571ad213441ab8530d1
3.如果接口返回的圖片地址沒有域名,請配置ImageUrl
參考:http://www.ncmem.com/doc/view.aspx?id=704cd302ebd346b486adf39cf4553936
4.如果接口有權限驗證(登陸驗證,SESSION驗證),請配置COOKIE。或取消權限驗證。
參考:http://www.ncmem.com/doc/view.aspx?id=8602DDBF62374D189725BF17367125F3
效果
訂閱版報價單:https://drive.weixin.qq.com/s?k=ACoAYgezAAw70JsA8m
政企版報價單:https://drive.weixin.qq.com/s?k=ACoAYgezAAwuqJtN30#/
年費版報價單:https://drive.weixin.qq.com/s?k=ACoAYgezAAwFouDIB4#/
OEM版報價單:https://drive.weixin.qq.com/s?k=ACoAYgezAAwV00mQSY
產品源代碼:https://drive.weixin.qq.com/s?k=ACoAYgezAAwz13B5Tr
授權碼生成器:https://drive.weixin.qq.com/s?k=ACoAYgezAAwzYuEEY1
UE項目中的TINYMCE富文本編輯器如何從WORD中粘貼圖片上傳到七牛云,富文本插件TINYMCE使用CTRL+V粘貼圖片上傳到遠程服務器,關于tinymce粘貼圖片,粘貼word,一鍵導入word,粘貼word內容,網上能找到的方案不是特別多,都是通過HTML5提供的API來實現的。
粘貼word內容,粘貼word圖片,粘貼word圖文,
之前在網上也找過相關的資料,論壇里面也有網友交流過,也加過一些交流群,但是幾乎都不能夠提供成熟完整的商業解決方案。
大部分文章和回復都不太靠譜,基本上都是沒有實際的項目應用經驗。
復制word內容然后粘貼到tinymce富文本編輯器中,word里面的圖片自動上傳到服務器中,返回圖片和文字HTML,保留word文字的樣式,字體大小,字體顏色。
可以用快捷鍵(Ctrl+V)操作,
用戶發布新聞的時候是從word里面復制圖片和文字,然后將word圖文內容粘貼到web富文本編輯器中,希望能夠將word的圖片自動上傳到服務器中,服務器地址能夠自定義,
后端的話需要支持任意開發語言,比如ASP,ASP.NET,JSP,PHP,PYTHON等。只要是基于標準HTTP協議的都要支持。如果能夠不裝控件最好,下載示例
https://gitee.com/xproer/wordpaster-vue-tinymce5
1.復制插件文件
安裝jquery
npm install jquery
2.在組件中引入
添加工具欄
在線代碼:https://gitee.com/xproer/wordpaster-vue-tinymce5/blob/master/src/components/tinymce.vue#L44
添加插件
在線代碼:https://gitee.com/xproer/wordpaster-vue-tinymce5/blob/master/src/components/tinymce.vue
初始化wordpaster組件
3.在頁面中引入組件
整合效果:
訂閱版報價單:https://drive.weixin.qq.com/s?k=ACoAYgezAAw70JsA8m
政企版報價單:https://drive.weixin.qq.com/s?k=ACoAYgezAAwuqJtN30#/
年費版報價單:https://drive.weixin.qq.com/s?k=ACoAYgezAAwFouDIB4#/
OEM版報價單:https://drive.weixin.qq.com/s?k=ACoAYgezAAwV00mQSY
產品源代碼:https://drive.weixin.qq.com/s?k=ACoAYgezAAwz13B5Tr
yEclipse官方最新版免費下載|Myeclipse漢化下載.MyEclipse-功能最全面的Java IDE. - MyEclipse官方中文網
如果您有HTML或JSP文件要編輯,這里將介紹如何編輯。查找以下信息:
該功能在MyEclipse中是可用的。
要編輯HTML或JSP文件,請執行以下操作當中的一個:
HTML編輯器有以下模式:
打開文件時,默認模式是Design(設計),通過單擊編輯器底部的適當選項卡來更改模式。
本文概述了使用源代碼編輯器編輯HTML時最重要的概念和特性。
用戶可以從源代碼模式或設計模式訪問源代碼,設計模式具有雙面板視圖,設計模式位于頂部面板,源模式位于底部面板。
直接編輯源代碼時,可以使用以下功能:
在整個源代碼中,編輯器提供特定于內容的代碼幫助。
Tag names(標記名稱):Code assist根據當前上下文提供可用HTML標記的列表。
Tag attributes(標記屬性):代碼輔助提供了特定于正在編輯的標記屬性列表。
Attribute values(屬性值):在適當的時候,代碼幫助會為您提供一個已知可能值的列表。
有兩種類型的HTML驗證:“輸入時”和“資源更改”。
“輸入時”:當對HTML文檔進行更改時,編輯器總是檢查HTML語法的有效性,就像Java編輯器一樣。
注意:這種類型的驗證錯誤和警告不會出現在Problems視圖中。
資源更改:當資源被修改(保存、移動、復制或導入)時,資源構建器將對資源執行HTML驗證。
注意:您可以通過從菜單中選擇Window>Preferences,展開MyEclipse并選擇Validation來設置驗證參數。
要快速格式化源代碼,請右鍵單擊編輯器,并選擇Source>Format。格式化器不會在內部修改HTML標記元素,它只調整HTML元素的縮進和間距。
使用Cleanup Document選項進行高級格式化和樣式調整,允許您更改標記名稱和屬性的大小寫,還有其他選項可以插入所需的標記和屬性。要使用此選項,請在編輯器中右鍵單擊并選擇Source>Cleanup Document,選擇Format source復選框,來將Format Document操作作為文檔清理的一部分。
*請認真填寫需求信息,我們會在24小時內與您取得聯系。