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
近對于網頁沖浪有點不爽,對常看的網站平常的白底沒了興趣,想要搞點花里胡哨的第一時間就想到了通過插件注入css的形式來改善界面。
很快啊,想要在一個優雅的背景,邏輯上時非常簡單的,使用注入CSS樣式background-image就可以了。
但是我又發現一個問題,好多好看的壁紙我保存下了,找不到當初原來的網頁了,怎么添加本地路徑都不行,真離譜啊,怎么樣才能使用本地文件呢?
沖浪沖了好久,給我發現兩個辦法。
使用base64這個辦法感覺怪麻煩的不搞了。
Chrome插件給我們設定了可以操作插件本地文件的權限。
這個方式只能適合瀏覽器擴展應用,不止是圖片,CSS還有JavaScript和HTML頭可以通過添加權限列出資源,以方便插件去訪問。
其中后面是圖片地址,而前面的是插件id,插件ID一般是不會變的,可以通過擴展管理界面去查看。
面上一幅圖片,查看圖片的屬性:
查看圖片的絕對地址:C:\Users\Administrator\Desktop,文件名是:097.jpg。
新建一個txt文檔,輸入:
<!DOCTYPE html>
<html>
<body>
<img src="C:/Users/Administrator/Desktop/097.jpg"
width="500" height="365">
</body>
</html>
把文件保存到電腦桌面之后,把txt改為html文件,并用瀏覽器打開,就可以在網頁上看到剛才的圖片了。
KEDITOR復制粘貼word圖片,CKEDITOR復制word圖片,CKEDITOR粘貼上傳Word圖片,CKEDITOR粘貼上傳圖片,JAVA中將WORD轉換為HTML導入到CKEDITOR編輯器中(解決圖片問題,樣式,非常完美),ckeditor粘貼word,ckeditor3粘貼word,ckeditor4粘貼word,ckeditor5粘貼word內容,ckeditor復制word圖片,ckeditor復制粘貼word圖片,ckeditor復制word內容,ckeditor粘貼word圖片,復制word圖片粘貼到ckeditor,
前端用了VUE2,VUE3,React,HTML5,也是一個新項目,為了方便用的這些框架,實際上這個是無所謂,功能的實現和前端這些框架沒什么關系。
后端用了PHP,JSP,ASP,ASP.NET,SpringBoot,功能實現和后端用的什么開發語言無關,后端只提供一個文件上傳的接口,HTTP form協議,圖片上傳時會調這個接口。
編輯器是ckeditor5,為ckeditor編輯器增加粘貼Word圖片的功能,支持快捷鍵操作(Ctrl+V),支持多種系統:Windows,macOS,Linux,信創國產化環境,中標麒麟,銀河麒麟,統信,龍芯。
支持word粘貼,word內容粘貼,word圖文粘貼,word圖片粘貼,粘貼后圖片能夠自動上傳到服務器中,然后將圖片和內容HTML添加到編輯器中,上傳接口地址能夠自定義
用戶使用操作起來更方便一些,一般發新聞,或者發文章用的比較多,基本上每天發新聞,發文章都會用到,
這個功能確實為用戶帶來了方便。
在官網下載示例:
http://www.ncmem.com/webapp/wordpaster/versions.aspx
asp.net-gitee示例:https://gitee.com/xproer/wordpaster-asp.net-ckeditor4x
說明:此教程以CKEditor4.x為例,使用其他編輯器的查看對應教程。
將下列文件夾復制到項目中
/WordPaster
/ckeditor/plugins/imagepaster
/ckeditor/plugins/netpaster
/ckeditor/plugins/pptpaster
/ckeditor/plugins/pdfimport
1.上傳WordPaster文件夾
2.上傳插件文件夾
將imagepaster,netpaster文件夾上傳到現有項目ckeditor/plugins目錄中
3.在工具欄中增加插件按鈕
5.引用js
初始化控件,并配置上傳接口
注意:
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
整合成功的效果:
說明:
1.請先測試您的接口:http://www.ncmem.com/doc/view.aspx?id=61f361025c9247098f6a15c3dfc53db5
常見問題:
1.為什么整合到項目中圖片無法上傳?
可能原因:可能上傳頁面有登陸驗證,上傳時沒有添加SESSION信息,導致上傳失敗。可在上傳頁面增加SESSION參數。
*請認真填寫需求信息,我們會在24小時內與您取得聯系。