可视化编辑界面的模板制作教程

插件内置了几个默认方法让html标签实现可视化效果。

1、根据区块id实现区块可视化编辑

Html.BlockControl(int blockId,string winWidth="90%", string winHeight="90%", string style="blue")

参数说明：

blockId：区块id。

winWidth：区块设置窗口的宽度，可选参数，不设置则默认90%

winHeight：区块设置窗口的高度，可选参数，不设置则默认90%

style：区块风格，参数值可选：blue、white、red、black四种，分别表示蓝色，白色，红色和黑色风格，可选参数，不设置则默认blue

实例：在html标签上实现区块可视化。

<div @Html.BlockControl(1)>
   ....
</div>

以下方法用法类似，都只能用于html标签的属性中。

2、通过自定义标题，自定义链接实现可视化编辑

Html.BlockControl(string title, string url,string winWidth="90%",string winHeight="90%",string style="blue")

参数说明：

title：区块设置窗口的标题

url：区块窗口打开的url地址。

winWidth、winHeight、style参数用法同上

3、信息管理界面可视化

3.1、通过传递栏目id生成可视化窗口。

Html.InfoAdminBlockControl(int columnId,string winWidth="90%",string winHeight="90%",string style="blue")

参数说明：

columnId：信息所属的栏目id。

winWidth、winHeight、style参数用法同上

3.2、通过传递信息表参数生成可视化窗口。

Html.InfoAdminBlockControl(string infoTable,string winWidth="90%",string winHeight="90%",string style="blue")

参数说明：

infoTable：信息表名称（英文表名）。

winWidth、winHeight、style参数用法同上

4、信息编辑界面可视化

4.1、根据栏目id和信息id生成可视化窗口

Html.InfoEditBlockControl(int columnId,int infoId,string winWidth="90%",string winHeight="90%",string style="blue")

参数说明：

columnId：信息所属的栏目id。
infoId：信息id。
winWidth、winHeight、style参数用法同上

4.2、根据信息表名称和信息id生成可视化窗口

Html.InfoEditBlockControl(string infoTable,int infoId,string winWidth="90%",string winHeight="90%",string style="blue")

参数说明：

infoTable：信息表名称（英文表名）。
infoId：信息id。
winWidth、winHeight、style参数用法同上

5、栏目管理可视化

5.1、栏目管理界面可视化

Html.ColumnAdminBlockControl(int unfoldColumnId=0,string winWidth="90%",string winHeight="90%",string style="blue")

参数说明：

unfoldColumnId：默认展开的栏目id，可选参数，不设置则不展开，设置后如果栏目包含子栏目，则会展当前栏目的子级，方便快速定位和管理。
winWidth、winHeight、style参数用法同上

5.2、栏目内容编辑界面可视化，主要用于控制单页面的内容设置

Html.ColumnContentBlockControl(int columnId,string winWidth = "90%", string winHeight = "90%", string controlStyle = "blue")

参数说明：

columnId：栏目id。
winWidth、winHeight、style参数用法同上

6、站点设置界面可视化

Html.SiteSetBlockControl(string winWidth="90%",string winHeight="90%",string style="blue")

参数说明：
winWidth、winHeight、style参数用法同上