Aug 29

开源的基于flask的就地编辑功能的模板项目

github地址
https://github.com/Jaza/flask-editablesite

demo地址
http://flask-editablesite.herokuapp.com

介绍文章
http://greenash.net.au/thoughts/2015/10/introducing-flask-editable-site/

这个牛,可以实时编辑文字图片等等,而且是在flask模板级别实现, 还能自己扩展可编辑元素类型模板
X-editable

官方首页
https://vitalets.github.io/x-editable/index.html

inline edit模式的demo
https://vitalets.github.io/x-editable/demo-bs3.html?c=inline

php模板渲染更新的例子
https://github.com/vitalets/x-editable/blob/gh-pages/backend-samples/php/laravel-controller.php

文档完善,接口参数什么的都有比较详细的说明和示例

flask项目如何使用x-editable实现实时编辑
Flask Biography Tutorial Part XII – Implementing Profile Page using Inline Editing
http://pythonthusiast.pythonblogs.com/230_pythonthusiast/archive/1365_flask_biography_tutorial_part_xii-implementing_profile_page_using_inline_editing.html
因为x-editable不支持上传图片的实时编辑,这个文章通过其他方法实现了实时编辑图片上传。

Flask实时编辑示例,通过使用PY的WTForms库和JQuery X-Editable
Flask Inline Editing Example Using WTForms + X-Editable
https://gist.github.com/pawl/06c075653d05cbaafae0

DataTables

官方首页
https://datatables.net

Editor inline editing examples
https://editor.datatables.net/examples/inline-editing/index.html

Flask版本sqlalchemy-datatables
https://pypi.python.org/pypi/sqlalchemy-datatables/0.4.0

大牌插件,使用广泛,有官方付费技术支持服务,文档示例详细完善,不过对html结构有要求,必须是table元素的主结构
编辑插件是收费的
https://editor.datatables.net/purchase/ 119美元
jinplace
https://bitbucket.org/itinken/jinplace

文档简陋

written by panhezeng \\ tags: ,

©panhezeng for 阿潘道, 2006-2017. 原文地址:http://apsay.com/?p=1766
本文遵循署名-非商业性使用共享协议,转载请注明。

Leave a Reply