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 国产日韩精品一区二区,中文一区二区在线观看,国产人免费人成免费视频

          整合營銷服務(wù)商

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

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

          CKEDITOR粘貼上傳圖片

          KEDITOR復(fù)制粘貼word圖片,CKEDITOR復(fù)制word圖片,CKEDITOR粘貼上傳Word圖片,CKEDITOR粘貼上傳圖片,JAVA中將WORD轉(zhuǎn)換為HTML導(dǎo)入到CKEDITOR編輯器中(解決圖片問題,樣式,非常完美),ckeditor粘貼word,ckeditor3粘貼word,ckeditor4粘貼word,ckeditor5粘貼word內(nèi)容,ckeditor復(fù)制word圖片,ckeditor復(fù)制粘貼word圖片,ckeditor復(fù)制word內(nèi)容,ckeditor粘貼word圖片,復(fù)制word圖片粘貼到ckeditor,

          前端用了VUE2,VUE3,React,HTML5,也是一個(gè)新項(xiàng)目,為了方便用的這些框架,實(shí)際上這個(gè)是無所謂,功能的實(shí)現(xiàn)和前端這些框架沒什么關(guān)系。

          后端用了PHP,JSP,ASP,ASP.NET,SpringBoot,功能實(shí)現(xiàn)和后端用的什么開發(fā)語言無關(guān),后端只提供一個(gè)文件上傳的接口,HTTP form協(xié)議,圖片上傳時(shí)會(huì)調(diào)這個(gè)接口。

          編輯器是ckeditor5,為ckeditor編輯器增加粘貼Word圖片的功能,支持快捷鍵操作(Ctrl+V),支持多種系統(tǒng):Windows,macOS,Linux,信創(chuàng)國產(chǎn)化環(huán)境,中標(biāo)麒麟,銀河麒麟,統(tǒng)信,龍芯。

          支持word粘貼,word內(nèi)容粘貼,word圖文粘貼,word圖片粘貼,粘貼后圖片能夠自動(dòng)上傳到服務(wù)器中,然后將圖片和內(nèi)容HTML添加到編輯器中,上傳接口地址能夠自定義

          用戶使用操作起來更方便一些,一般發(fā)新聞,或者發(fā)文章用的比較多,基本上每天發(fā)新聞,發(fā)文章都會(huì)用到,

          這個(gè)功能確實(shí)為用戶帶來了方便。

          在官網(wǎng)下載示例:
          http://www.ncmem.com/webapp/wordpaster/versions.aspx

          asp.net-gitee示例:https://gitee.com/xproer/wordpaster-asp.net-ckeditor4x

          說明:此教程以CKEditor4.x為例,使用其他編輯器的查看對(duì)應(yīng)教程。
          將下列文件夾復(fù)制到項(xiàng)目中
          /WordPaster

          /ckeditor/plugins/imagepaster
          /ckeditor/plugins/netpaster
          /ckeditor/plugins/pptpaster
          /ckeditor/plugins/pdfimport

          1.上傳WordPaster文件夾

          2.上傳插件文件夾

          將imagepaster,netpaster文件夾上傳到現(xiàn)有項(xiàng)目ckeditor/plugins目錄中

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

          5.引用js


          初始化控件,并配置上傳接口

          注意:

          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

          整合成功的效果:

          說明:
          1.請(qǐng)先測試您的接口:http://www.ncmem.com/doc/view.aspx?id=61f361025c9247098f6a15c3dfc53db5

          常見問題:

          1.為什么整合到項(xiàng)目中圖片無法上傳?

          可能原因:可能上傳頁面有登陸驗(yàn)證,上傳時(shí)沒有添加SESSION信息,導(dǎo)致上傳失敗。可在上傳頁面增加SESSION參數(shù)。

          文本編輯器是一種可內(nèi)嵌于瀏覽器,所見即所得的文本編輯器。它提供類似于Office Word 的編輯功能,方便那些不太懂html用戶使用,富文本編輯器的應(yīng)用非常廣泛,它的歷史與圖文網(wǎng)頁誕生的歷史幾乎一樣長。

          作為一個(gè)技術(shù)人員,手上備上兩款富文本編輯器還是很有用的,指不定那個(gè)項(xiàng)目就要集成一個(gè)進(jìn)去。

          到時(shí)候現(xiàn)找現(xiàn)用那可就費(fèi)功夫了,畢竟從開發(fā)上講,每個(gè)富文本編輯器的用法都是有區(qū)別的。

          下面是我收集的一些業(yè)界比較受歡迎的富文本編輯器,喜歡的朋友、用過的朋友可以一起看看,一起探討。

          1、wangEditor

          網(wǎng)址:http://www.wangeditor.com/

          基于JavaScript和css開發(fā)的 Web富文本編輯器, 輕量、簡潔、界面美觀、易用、開源免費(fèi)。

          兼容性

          • 兼容主流的 PC 瀏覽器,如 Chrome Firefox Safari Edge 等
          • 暫不支持移動(dòng)端編輯(支持移動(dòng)端查看)
          • 不再支持 IE 瀏覽器

          2、TinyMCE

          網(wǎng)址:https://www.tiny.cloud/docs/demo/full-featured/

          TinyMCE是一個(gè)輕量級(jí)的基于瀏覽器的所見即所得編輯器,由JavaScript寫成。它對(duì)IE6+和Firefox1.5+都有著非常良好的支持。

          功能齊全,界面美觀,就是文檔是英文的,對(duì)開發(fā)人員英文水平有一定要求。

          3、百度ueditor

          網(wǎng)址:https://github.com/fex-team/ueditor

          UEditor是由百度web前端研發(fā)部開發(fā)所見即所得富文本web編輯器,具有輕量,功能齊全,可定制,注重用戶體驗(yàn)等特點(diǎn),開源基于MIT協(xié)議,允許自由使用和修改代碼,缺點(diǎn)是已經(jīng)沒有更新了。

          4、kindeditor

          網(wǎng)址:http://kindeditor.net/demo.php

          KindEditor 是一套開源的在線html編輯器,主要用于讓用戶在網(wǎng)站上獲得所見即所得編輯效果,開發(fā)人員可以用 KindEditor 把傳統(tǒng)的多行文本輸入框(textarea)替換為可視化的富文本輸入框。

          KindEditor 使用 JavaScript 編寫,可以無縫地與 Java、.NET、php、ASP 等程序集成,比較適合在 CMS、商城、論壇、博客、Wiki、電子郵件等互聯(lián)網(wǎng)應(yīng)用上使用。

          主要特點(diǎn)

          快速:體積小,加載速度快

          開源:開放源代碼,高水平,高品質(zhì)

          底層:內(nèi)置自定義 DOM 類庫,精確操作 DOM

          擴(kuò)展:基于插件的設(shè)計(jì),所有功能都是插件,可根據(jù)需求增減功能

          風(fēng)格:修改編輯器風(fēng)格非常容易,只需修改一個(gè) CSS 文件

          兼容:支持大部分主流瀏覽器,比如 IE、Firefox、Safari、Chrome、Opera

          5、Textbox

          網(wǎng)址:https://www.textbox.io/

          Textbox是一款極簡但功能強(qiáng)大的在線文本編輯器,支持桌面設(shè)備和移動(dòng)設(shè)備。主要功能包含內(nèi)置的圖像處理和存儲(chǔ)、文件拖放、拼寫檢查和自動(dòng)更正。

          此外,該工具還實(shí)現(xiàn)了屏幕閱讀器等輔助技術(shù),并符合WAI-ARIA可訪問性標(biāo)準(zhǔn)。

          6、CKEditor

          網(wǎng)址:https://ckeditor.com/ckeditor-5/demo/

          CKEditor官方版是一款專業(yè)專業(yè)的在線文字編輯器,軟件支持各種不同的瀏覽器,可以讓用戶們輕松在線編輯,CKEditor5官方版軟件體積非常小巧,使用起來也十分方便快捷,還能與不同的編程語言相結(jié)合,是大家編輯網(wǎng)頁代碼的必備工具。

          7、quill

          網(wǎng)址:https://quilljs.com/

          Quill是輕型的編輯器,樣式一般(黑白風(fēng)),功能中等,它的代碼高亮功能比較強(qiáng),同樣支持行內(nèi)編輯模式,工具條可自定義。

          開源免費(fèi),項(xiàng)目活躍,一直有人維護(hù)。

          8、simditor

          網(wǎng)址:https://simditor.tower.im/

          simditor是Tower平臺(tái)使用的富文本編輯器,是一款輕量化的編輯器,界面簡約,功能實(shí)用,插件不是很多,功能要求不高的可以使用。

          雖然是國內(nèi)出品,但文檔是英文的。開源免費(fèi)。

          9、summernote

          網(wǎng)址:https://summernote.org/

          summernote是一款輕量級(jí)的富文本編輯器,比較容易上手,使用體驗(yàn)流暢,支持各種主流瀏覽器。

          summernote開源免費(fèi),該項(xiàng)目一直比較活躍,一直都有人在維護(hù)。summernote同樣依賴于jquery和bootstrap,使用前先引入這兩項(xiàng)。

          10、jodit

          網(wǎng)址:https://xdsoft.net/jodit/

          Jodit是一款使用純TypeScript編寫的(無需使用其他庫),美觀實(shí)用的所見即所得(WYSIWYG)開源富文本編輯器,支持中文,超強(qiáng)自定義。

          11、Editor.md

          網(wǎng)址:https://pandao.github.io/editor.md/

          功能非常豐富的編輯器,左端編輯,右端預(yù)覽,非常方便,完全免費(fèi)。

          主要特性

          • 支持“標(biāo)準(zhǔn)”Markdown / CommonMark和Github風(fēng)格的語法,也可變身為代碼編輯器;
          • 支持實(shí)時(shí)預(yù)覽、圖片(跨域)上傳、預(yù)格式文本/代碼/表格插入、代碼折疊、搜索替換、只讀模式、自定義樣式主題和多語言語法高亮等功能;
          • 支持ToC(Table of Contents)、Emoji表情、Task lists、@鏈接等Markdown擴(kuò)展語法;
          • 支持TeX科學(xué)公式(基于KaTeX)、流程圖 Flowchart 和 時(shí)序圖 Sequence Diagram;
          • 支持識(shí)別和解析HTML標(biāo)簽,并且支持自定義過濾標(biāo)簽解析,具有可靠的安全性和幾乎無限的擴(kuò)展性;
          • 支持 AMD / CMD 模塊化加載(支持 Require.js & Sea.js),并且支持自定義擴(kuò)展插件;
          • 兼容主流的瀏覽器(IE8+)和Zepto.js,且支持iPad等平板設(shè)備;

          12、froala Editor

          網(wǎng)址:https://www.froala.com/wysiwyg-editor

          界面非常好看,功能非常強(qiáng)大,非常好用(非免費(fèi),可破解)

          13、eWebEditor

          網(wǎng)址:http://www.ewebeditor.net/

          eWebEditor外觀和使用風(fēng)格都和微軟 Word很類似,功能很多。工具條可以定制,運(yùn)行速度很快。

          導(dǎo)入文件接口很多,支持word、excel、pdf、ppt直接導(dǎo)入,目前版本不支持代碼高亮,不適合純技術(shù)平臺(tái)使用,適合內(nèi)容編輯人員使用。

          eWebEditor有很長的歷史了,是典型的傳統(tǒng)富文本編輯器,不論是界面,還是功能都比較傳統(tǒng)。eWebEditor是收費(fèi)的,但也有免費(fèi)的精簡版,精簡版沒有后臺(tái)功能。

          14、dhtmlxEditor

          網(wǎng)址:https://dhtmlx.com/docs/products/dhtmlxRichText/

          DHTMLX組件是一整套基于js的UI庫,功能強(qiáng)大,其中包含編輯器dhtmlxEditor。

          該編輯器可以直接集成到Angular,react和vue.js框架中,該編輯器還同時(shí)支持Markdown和富文本。

          支持普通視圖和類似word一樣的頁面視圖,支持全屏幕,工具支持自定義,包括工具條顏色和樣式等。

          dhtmlxEditor分為免費(fèi)版和收費(fèi)版,免費(fèi)版具有絕大多數(shù)功能,而且免費(fèi)版是開源的你可以在代碼級(jí)別隨便擴(kuò)充。

          最后

          富文本編輯器產(chǎn)品真的非常多,以上只是本人接觸過的一些,相信還有很多很好的富文本存在,其實(shí)也沒必要全都試一遍,只有最適合自己的,才是最好的。

          KEDITOR粘貼圖片自動(dòng)上傳到服務(wù)器(ASP.NET版),支持復(fù)制粘貼WORD圖片的CKEDITOR編輯器,CKEDITOR粘貼圖片自動(dòng)上傳到服務(wù)器(PHP版),CKEDITOR復(fù)制粘貼word圖片,CKEDITOR復(fù)制word圖片,CKEDITOR粘貼上傳Word圖片,CKEDITOR粘貼上傳圖片,JAVA中將WORD轉(zhuǎn)換為HTML導(dǎo)入到CKEDITOR編輯器中(解決圖片問題,樣式,非常完美),ckeditor粘貼word,ckeditor3粘貼word,ckeditor4粘貼word,ckeditor5粘貼word內(nèi)容,ckeditor復(fù)制word圖片,ckeditor復(fù)制粘貼word圖片,ckeditor復(fù)制word內(nèi)容,ckeditor粘貼word圖片,復(fù)制word圖片粘貼到ckeditor,

          之前在網(wǎng)上也找過相關(guān)的資料,論壇里面也有網(wǎng)友交流過,還加過不少Q(mào)Q群微信群,但是都不太令人滿意。文章里面提到的方案大部分是HTML5的,也不是說不能用,主要就是限制太大。

          前端用了VUE2,VUE3,React,HTML5,也是一個(gè)新項(xiàng)目,為了方便用的這些框架,實(shí)際上這個(gè)是無所謂,功能的實(shí)現(xiàn)和前端這些框架沒什么關(guān)系。

          后端用了PHP,JSP,ASP,ASP.NET,SpringBoot,功能實(shí)現(xiàn)和后端用的什么開發(fā)語言無關(guān),后端只提供一個(gè)文件上傳的接口,HTTP form協(xié)議,圖片上傳時(shí)會(huì)調(diào)這個(gè)接口。

          編輯器是ckeditor5,為ckeditor編輯器增加粘貼Word圖片的功能,支持快捷鍵操作(Ctrl+V),支持多種系統(tǒng):Windows,macOS,Linux,信創(chuàng)國產(chǎn)化環(huán)境,中標(biāo)麒麟,銀河麒麟,統(tǒng)信,龍芯。

          支持word粘貼,word內(nèi)容粘貼,word圖文粘貼,word圖片粘貼,粘貼后圖片能夠自動(dòng)上傳到服務(wù)器中,然后將圖片和內(nèi)容HTML添加到編輯器中,上傳接口地址能夠自定義

          用戶使用操作起來更方便一些,一般發(fā)新聞,或者發(fā)文章用的比較多,基本上每天發(fā)新聞,發(fā)文章都會(huì)用到,

          這個(gè)功能確實(shí)為用戶帶來了方便。公司主要也是做政府和企業(yè)項(xiàng)目,以WEB項(xiàng)目為主,有自己的產(chǎn)品,之前也做過很多項(xiàng)目。

          視頻教程:https://www.ixigua.com/7233030743625531904

          在官網(wǎng)下載示例:
          http://www.ncmem.com/webapp/wordpaster/versions.aspx

          asp.net-gitee示例:https://gitee.com/xproer/wordpaster-asp.net-ckeditor4x

          說明:此教程以CKEditor4.x為例,使用其他編輯器的查看對(duì)應(yīng)教程。
          將下列文件夾復(fù)制到項(xiàng)目中
          /WordPaster

          /ckeditor/plugins/imagepaster
          /ckeditor/plugins/netpaster
          /ckeditor/plugins/pptpaster
          /ckeditor/plugins/pdfimport

          1.上傳WordPaster文件夾

          2.上傳插件文件夾

          將imagepaster,netpaster文件夾上傳到現(xiàn)有項(xiàng)目ckeditor/plugins目錄中

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

          5.引用js


          初始化控件,并配置上傳接口

          注意:

          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

          整合成功的效果:

          說明:
          1.請(qǐng)先測試您的接口:http://www.ncmem.com/doc/view.aspx?id=61f361025c9247098f6a15c3dfc53db5

          常見問題:

          1.為什么整合到項(xiàng)目中圖片無法上傳?

          可能原因:可能上傳頁面有登陸驗(yàn)證,上傳時(shí)沒有添加SESSION信息,導(dǎo)致上傳失敗??稍谏蟼黜撁嬖黾覵ESSION參數(shù)。

          訂閱版報(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
          授權(quán)碼生成器:https://drive.weixin.qq.com/s?k=ACoAYgezAAwzYuEEY1


          主站蜘蛛池模板: 亚洲AV无码片一区二区三区| 国产精品一区二区久久精品| 国产福利一区视频| 国产一区二区三区播放| 久久综合九九亚洲一区| 一区国严二区亚洲三区| 精品免费AV一区二区三区| 人妻夜夜爽天天爽一区| 亚洲a∨无码一区二区| 成人中文字幕一区二区三区 | 一区二区视频在线免费观看| 亚洲av午夜福利精品一区| 中文字幕一区二区精品区| 91一区二区三区四区五区| 欧洲精品免费一区二区三区| 亚洲一区二区三区写真| 人妻无码一区二区三区AV | 无码日韩精品一区二区三区免费| 久久国产精品视频一区| 香蕉视频一区二区三区| 无码一区二区三区免费视频| 无码福利一区二区三区| 亚洲无圣光一区二区| 亚洲日本va午夜中文字幕一区| 国产一区二区免费| 精品国产日产一区二区三区 | 国精品无码A区一区二区| 在线不卡一区二区三区日韩| 日韩精品福利视频一区二区三区| 国内精品视频一区二区三区| 无码av不卡一区二区三区| 日韩视频一区二区三区| 亚洲AV无码一区二区三区性色| 色精品一区二区三区| 97精品一区二区视频在线观看| 四虎一区二区成人免费影院网址 | 国产色综合一区二区三区| 国产乱码一区二区三区| 亚洲乱码一区二区三区在线观看| 国产怡春院无码一区二区| 国产AV天堂无码一区二区三区|