安裝與創造專案部份參考[Vue.js教學筆記]Webpack模組整合工具之安裝,在SSL部份可參考[網頁技巧學習筆記]如何在localhost中為XAMPP創建有效的SSL,這裡執行切入重點,首先創案專案https-project,在路徑\https-project\build創造資料夾cert,將在[網頁技巧學習筆記]如何在localhost中為XAMPP創建有效的SSL創造好的server.crt與server.key複製在cert資料夾內,到路徑\https-project\build,打開webpack.dev.conf,在兩處增加以下程式,
此工具可以在web上看.odt與.pdf檔,這次是套用在Webpack來呈現,先按照[Vue.js教學筆記]Webpack模組整合工具之安裝進行安裝,建立專案名稱為viewerjs-project,安裝設定如下,
此篇介紹地圖套件,先完成[Vue.js教學筆記]CKEditor套入Webpack模組整合工具-修正與[Vue.js教學筆記]CKFinder套入Webpack模組整合工具-修正後,去下載此套件,
此篇介紹影音播放套件,先完成[Vue.js教學筆記]CKEditor套入Webpack模組整合工具-修正與[Vue.js教學筆記]CKFinder套入Webpack模組整合工具-修正這兩篇後,點擊如下連結,
此篇為修正文章,只做簡單講解,既上一篇[Vue.js教學筆記]CKEditor套入Webpack模組整合工具-修正來增加CKFinder的功能,是使用CKFinder v2.6.2.1,此版本雖然為DEMO版,但沒有限制了刪除和文件上傳數量,可是有一點要注意,此版本的CKFinder只能在PHP 5下才能操作,不支援PHP 7,切記
此篇為修正文章,只做簡單講解,在[Vue.js教學筆記]CKEditor套入Webpack模組整合工具中介紹的套用方法,需要在每個.vue中增加CKEditor配置,相同的配置一直重覆使用確實是不好的使用方法,此篇將配置統一在CKEditor套件中的config.js,在config.js可配置以下工具,
首先參考[Vue.js教學筆記]Webpack模組整合工具之安裝與[Vue.js教學筆記]CKEditor套入Webpack模組整合工具把環境建立起來,安裝方法主要以Youtube Plugin提供的方式來進行,進入網頁拉到最下方,點擊Downlod下載
首先參考[Vue.js教學筆記]Webpack模組整合工具之安裝與[Vue.js教學筆記]CKEditor套入Webpack模組整合工具把環境建立起來,安裝方法主要以Location Map (Google)提供的方式來進行,進入網頁拉到最下方,點擊Downlod下載
官方提供免費的CKFinder v3.4.2為DEMO版,限制了刪除和文件上傳數量,刪除部分在DEMO版完全無法操作,且會顯示"You cannot delete files in DEMO mode."此訊息,如下所示
為了能夠在CKEditor文字編輯器上方便上傳Files,Images與Flash檔,就要套用CKFinder這工具,在Webpack上套用CKFinder步驟有點多,請仔細按照步驟操作,
CKEditor是一個專門在網頁上使用的開放原始碼之文字編輯器,不需要太複雜的安裝步驟即可使用可和PHP、JavaScript、ASP、ASP.NET、ColdFusion、Java、以及ABAP等不同的程式語言相結合
