亲子、家居、电脑网图片贴需求修正

[luohuimin]

框架： http://192.168.50.132/luohuimin/pcgroup-picture/
设计稿： http://192.168.50.88/2015_zym/1009/pcbaby.html
制作稿：待定
美图flash：
 http://www1.pcbaby.com.cn/flash/150804/meitu/qinzi_840X620_llx.swf（亲子）、
 http://www1.pchouse.com.cn/flash/150901/jjwmt/840X620_llx.swf（家居）、
 http://www1.pconline.com.cn/flash/150901/dnwmt/840X620_llx.swf（电脑）

排期：

---

一、发帖页：
1、发帖页--页面展示：
1）图片贴作为一种新的帖子类型呈现；
2）编辑器上传图片外链功能隐藏；
3）编辑器编辑源码功能仅开放给管理员权限用户；
4）编辑器右侧显示图片上传区域
5）编辑器下方新增图片模块（一个图片模块由一张图片、一个文本输入框、一个关闭按钮组成）；
6）图片模块仅在网友已上传并点选图片时显示，帖子无图时隐藏图片模块。
7）图片模块中，有“美化图片”按钮。
8）图片模块中，文本输入框内，有提示文案：“请在此输入200字内的图片描述...”（图片描述改为非必填项）

2、发帖流程：
1）网友进入图片贴发帖页，以正常流程输入帖子标题、选择分类、输入帖子正文（编辑器）。
2）点击图片上传区域中的“从电脑中选图片”按钮，从目录里选择单张或多张图片上传

3）上传成功的图片，显示在右侧“图片上传”区域中。

3）点选区域图片，则在左侧编辑器下方，对应新增一图片模块，网友可在图片模块里编辑图片、输入图片描述、以及上下拖动模块以调整模块顺序。

4）整理好帖子后，点击“发表帖子”发布。

3、补充说明：
1）“上传图片”区域内：
---鼠标指向图片时，显示“删除”按钮
---点击“删除”按钮则删除该张图片（此功能仅为删除右侧“上传图片”区域内的图片，并不影响已插入正文的图片。比如，图a已经加载到帖子里，则在“上传图片”区域里删除图a，后，帖子里的图a并不会一并删除）
2）左侧编辑器下方的帖子图片模块：
---鼠标长按并上下拖动图片模块时，可调换模块位置，但帖子正文（编辑器）位置固定在最顶不变。（帖子正文在前、所有图片模块在后）指针指向图片+描述模块时，指针改为十字形，以便网友知悉模块可拖动。
---图片模块固定显示“美化图片”提示，点击图片后，弹出图片编辑框。
---编辑图片新增旋转、裁剪功能
旋转：左转90°、右转90°、水平翻转、垂直翻转
裁剪：自由裁剪、固定裁剪1:1、4:3、3:4 （可以上下左右调整裁剪区域，可取消或完成，显示宽高）
---当网友美化图片并保存后，图片模块中的缩略图也实时更新。（但优化不影响右侧“图片上传”区域内的图片缩略图）
---图片模块右上角有删除按钮，点击后可删除整个图片模块。（但不会影响右侧“图片上传”区域内的图片）

3、注：
1）图片贴发帖权限，后台归入到“用户”-“普通权限”的配置中，上线时默认对普通网友开放，各网可根据运营需要自行修改权限配置。
2）图片描述字数，限制在每张图片200字内。
3）对同一个帖子内的图片，上传数量不作限制。
4）对图片贴内的图片大小尺寸控制，与普通贴的图片保持一致。
5）图片编辑：在电脑网图片编辑功能的基础上，增加马赛克功能；并优化文字工具功能（在文字编辑的状态下，可更改已输入的文字颜色及大小）

二、帖子页：
1、页面展示：
1）帖子内容显示顺序：正文--图片1及图片1描述--图片2及图片2描述...以此类推
2）图片及其图片描述，合拼为一整体模块，显示在帖子页当中：

三、列表页
1、帖子类型筛选，增加“图片贴”筛选项

2、发帖类型选项，增加“图片贴”发帖项

3、贴子类型icon，增加图片贴icon

四、帖子图集：
1、页面展示：
1）图片下方新增图片描述，包含图片页数和图片描述内容

2）图片描述浮层，默认显示两行，若描述内容超过两行，则当网友鼠标指向描述框时，自动向上展开剩余的隐藏部分。