各種所見即所的的開源編輯器蒐集 WYSIWYG HTML editor

做解決方案的case常需要找編輯器來套用。

畢竟做一個編輯器大到可以是一整間公司來開發產品，

蒐集一下一些免費的開源編輯器工具。

https://summernote.org/

個人最愛，但目前缺點是表格的支援度不夠好(有找到外掛，但目前遇到升級有bug)，

https://github.com/ksy11/summernote-ext-table

https://grapesjs.com/

web builder framework 可以做整個網頁等級的編輯器XD

線上電商平台類似的網頁編輯器，有大量元件可以使用

https://editorjs.io/

Next generation block styled editor.
Free. Use for pleasure.

新潮的區塊編輯器，將編輯器的結果存成json格式，這樣後端就很好存到ｄｂ

https://quilljs.com/

類editorjs等級的，但github的觀注度比editor.js多很多

[jQuery] 特殊字元跳脫的錯誤解決方法: Syntax error, unrecognized expression: a[href*=#]:not([href=#])

今天在移轉舊專案程式碼，遇到jquery一些錯誤，
查了一下原來是用的2.x版有特殊字元要跳脫的問題，記錄一下。

Syntax error, unrecognized expression:

your selector is not valid. # is a special char and needs to be escaped like 'a[href*=\\#]:not([href=\\#])'

see https://api.jquery.com/category/selectors/

https://github.com/jquery/jquery/issues/2885

[jQuery] 簡單易物的jquery gallery 套件: lightbox2

今天將公司的sharktech.tw 官網改了一下lightbox套件，於是找到Lokesh Dhakar這個作者寫的。

因為太好套了所以推給大家。只要加上data-lightbox這個屬性，即可做單張preivew或群組(gallery)的preview效果了。

[Webpack] 解決jquery在webpack載入全域的處理方法

webpack真是個很屌但不熟會搞死人的東西，
為了搞一個全域的jquery函式庫，
找到StackFlow裡面一個大神提供的各種解法

這位大大也有遇到一樣的事:D
https://blog.fntsr.tw/articles/2016/09/13/%E8%AE%93-jquery-%E5%9C%A8-webpack-%E4%B8%AD%E6%88%90%E7%82%BA%E5%85%A8%E5%9F%9F%E8%AE%8A%E6%95%B8/

備份文章

[jQuery] 滿版的Dialog外掛

效果不錯的滿版型動畫Modal外掛，留著以後參考。

官方demo

http://joaopereirawd.github.io/animatedModal.js/

http://joaopereirawd.github.io/animatedModal.js/

[jQuery] 偵測元素是否進入到viewpoint外掛

今天想要處理偵測用戶scroll的位置判斷是否有進入指定元素viewpoint的議題。
找到以下三個jQuery外掛

http://imakewebthings.com/waypoints/guides/getting-started/

https://github.com/protonet/jquery.inview

https://github.com/morr/jquery.appear

比較過後，暫時先用inview即可解決，
其他二個外掛有比inview強的地方就是增加了offset的參數可設定。
不過inview有pull-request已解決這個功能

[jQuery] Offset 詳細圖

最近在做的專案需要detect 元素的位置，查了一下找到以下這張圖解。

可以清楚了解jQuery offset，筆記一下唷

[jQuery] 視差滾動元件: scrollme 簡單、快速、好上手

最近在做某個網站使用視差效果，原來使用stellar.js，
但網頁滾動起來發生很卡的現像，非常不平滑。
於是又找了到 scrollme這個元件，由於我們的目的可以針對元件某些元素進行一些特效，
加上scrollme的效能非常的平滑，使用語意也超級簡單(連教學都不用寫了XD)，所以推給大家使用。


http://scrollme.nckprsn.com/