[Javascript] 一個對於WYSIWYG 的一個嘗試
2021-08-04
今天這篇主要是分享一個最近想到的方法，自己也稍微寫了一些小 demo 的東西，想說就是筆記一下，主要概念，是因為常常製作網站的後台，都是因為抽換一些簡單的東西，為了這都要做後台，這時候就在想有沒有一種作法可以讓事情變得更簡單，當然這也只是一個實驗性的作法，這也只是一個沒有優化只是概念上實作的 sample.
1. 首先，市面上已經有很多 html editor 可以做到 ，像是 Summernote , TinyMCE .. 等，都是仿間常見的編輯器，雖然它們都會標榜 WYSIWYG ( What You See Is What You Get )，事實上對於不會 HTML的人來說都是很困難的．
2. 第二個思考點，我在想因為常會抽換的 不外乎 innerHTML , <a> 的 href , <img> 的 src ，所以我目前先針對這三個來進行改造
3. 所以我就思考能不能透過 我會制定一個 class 然後根據這class 再去抓取他這 element 的一些參數來進行簡單編輯，這概念有點像上 WIX 這網站，但是 WIX 網站畢竟很專業，有時候我要客戶能改得更少..
4. 客戶在改完後，只需要把該頁面跟改完後的資訊，還有Key 透過 AJAX 回傳，就可以進行資料改變，或許這樣就可以少做一個後台..
最後附上這想法下的一個自己之前在測試的屍體，紀錄一下，當然這專案我已經後面更完整寫下去了，而且已經封裝好，之後使用也比較簡單．．
程式碼很亂，畢竟還沒有整理過，功能還很少，不過只是想測試概念我想夠了，如果有大大看不下去或是更好的想法可以跟我說一下 :)