教你用js編寫一個網頁線上編輯器,需要有網頁製作基礎,好了接下來跟個我來學吧!
工具/原料
html+css+js基礎、dreamewere或者sublime或記事本等任何一款網頁編輯器
方法/步驟
新建專案檔案目錄
搭建apache本地伺服器,或傳到遠端伺服器上(這個是實現本地圖片插入功能要用的,如果不要這個功能就不需要,同時吧字尾為.php的頁面改為.html就行了,同時去掉程式碼內的php程式碼即可。)
後臺接入程式碼如下:
專案原始碼如下:
專案原始碼已經傳到部落格裡了,網址如下:
專案圖示:
工具條圖示如下
表情圖示如下:
注意事項
本教程適合有一定js和網頁製作基礎的人學習
如果要實現本地圖片的插入功能圖片就需要一定的php基礎,不會的可以去掉這個功能