Voluminous_Weibo

1. Voluminous Weibo
2014/01/14 @兔耳小爝

2. Background

3. Function show

4. Function show

5. Web app

6. Project tree

7. Modules and lithe.js
• https://github.com/litheModule/lithe

8. External module

9. Editor
Editor Api:
insertBeforeHtml
insertHtml
Apply
Remove
Focus
getRange
getSelection
createRange
hasSelection
setContent
setRng
insertContent
Select
setCursor
getPlainText
getContent
…. …

10. Editor Plugs
• Plugs.add(“plugs id”,function(init_args){
• //this->editor;
• return plug_id;//constructor
• });
• Editor._plugs[“plug_id”]; //instance

11. Editor init

12. Thanks
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
https://github.com/ded/qwery
https://github.com/craig0990/xhr-ajax
https://aralejs.org/class
http://aralejs.org/events/
https://github.com/ded/bonzo (dom)
https://github.com/ded/domready
https://github.com/fat/bean (events)
https://github.com/mailru/FileAPI
https://github.com/ded/qwery ($)
https://github.com/marcuswestin/store.js
https://github.com/leizongmin/js-xss
Zepto
https://github.com/aFarkas/html5shiv
http://www.tinymce.com/ (TinyMCE editor)
http://code.google.com/p/rangy/

13. Deploy
• GruntJs
• npm
• Grunt-plugs
– Grunt lithe
– Grunt concat
– Grunt uglify
– Grunt css_combo
– Grunt copy

14. Project Map

15. Future
• Lithe-cache
• Continuous Integration
• Proxy server for web app

16. Thank you!