动易swCMS6.5网站的模板在线编辑功能模块

动易swCMS6.5网站的模板在线编辑功能模块

动易cms6.5网站的模板文件以文字内容方式保存在数据库中

其好处就是可以通过在线编辑方式修改模板文件，

而无需使用如DW网页制作工具来修改

模板内容读出后显示在网页模板的编辑器里，能够以可视化和代码方式进行编辑

该模板编辑器和HTML在线编辑器设计设计在一起，

通过给HTML在线编辑器的引用文件传递参数显示出模板编辑器的功能：

后台模板管理页Admin_Template.asp对模板编辑器的引用：

用户在本机测试时可通过：（若网站没有拒绝外部访问的话可以看到以下页面）

http://localhost/editor.asp 可查看HTML在线编辑器的风格；

http://localhost/editor.asp?ChannelID=0&ShowType=1&tContentid=EditorContent&TemplateType=1 可查看模板编辑器的风格

对比可以发现两者的主要区别就是模板编辑器多了各种“自定义动易标签的插入按钮”

例如：我们比较常用的以下动易标签插入按钮：

显示文章标题等信息的

显示图片文章的

显示幻灯片文章的

文章自定义列表的等标签插入按钮

所有“动易标签的插入按钮”点击后

会弹出该动易标签相关参数的设置页面

这些设置页面包含在JS的网页对话框中

“插入按钮”调用“设置页面”的代码设计如下：

在后台模板管理页Admin_Template.asp所调用的模板编辑器文件

editor.asp?ChannelID=0&ShowType=1&tContentid=EditorContent&TemplateType=1中：

</a>

GetArticleList.gif为插入“文章标题等信息”动易标签的图片按钮

该图片按钮通过调用一个JS函数，该函数的作用：给指定的ASP文件传递指定的参数

该JS函数SuperFunctionLabel()位于文件Admin_Template.asp中，详细代码如下：

Function SuperFunctionLabel(url,label,title,ModuleType,ChannelShowType,iwidth,iheight,TemplateType){

if (TemplateType==1){

form1.Content.focus();

}else{

form1.Content2.focus();

}

var str = document.selection.createRange();

var arr = showModalDialog(url+"?ChannelID=0&Action=Add&LabelName="+label+"&Title="+title+"&ModuleType="+ModuleType+"&ChannelShowType="+ChannelShowType+"&InsertTemplate=1", "", "dialogWidth:"+iwidth+"px; dialogHeight:"+iheight+"px; help: no; scroll:yes; status: yes");

if (arr != null){

str.text = arr;

}

当文件editor_label.asp获取了相关的参数后

由该文件的代码作出判断，决定该动易标签的设置页面

最后将该设置页面显示在相应大小的JS网页对话框中

在模板编辑器中还有一部分“动易标签插入”按钮是直接调用已有静态的设置页面

例如：插入网站LOGO的“网站logo”动易标签插入按钮

网站的banner插入按钮“网站banner”

网站的公告插入按钮“公告”等

其相应的设置页面分别是：

/Editor/Lable/PE_Logo.htm

/Editor/Lable/PE_Banner.htm

/Editor/Lable/PE_Annouce2.htm等

这些静态的设置页面存放在Editor/Lable中

对模板编辑器中这部分“动易标签插入”按钮引用的静态的设置页面

是在文件Editor.asp中对这些按钮进行了初始化，代码如下：

arrButtons(81) = "Btn$网站logo$FunctionLabel('" & InstallDir &"Editor/Lable/PE_Logo.htm','240','140')$LabelIco/PE_logo.gif"

arrButtons(82) = "Btn$网站banner$FunctionLabel('" & InstallDir &"Editor/Lable/PE_Banner.htm','240','140')$LabelIco/PE_banner.gif"

……

arrButtons(84) = "Btn$公告$FunctionLabel('" & InstallDir &"Editor/Lable/PE_Annouce2.htm','240','210')$LabelIco/PE_Annouce.gif"

对于所有编辑器中所有的按钮的相关参数都是用一个数组arrButtons()来存放的。

以上截取的代码只在说明编辑器的某部分功能

动易网站将模板编辑器与HTML在线编辑器的结合可以增加代码的重用性

该模块代码很复杂，有兴趣的朋友可主要浏览几个文件：

Editor.asp在线编辑器的调用页

Admin_Template.asp模板管理编辑页

editor_label.asp动易标签插入按钮的调用页，由此页判断生成该动易标签的设置页面

以及一个非常好的函数：

SuperFunctionLabel()

给指定的ASP文件传递指定的参数，

个人认为比较适合用于：“批量”对某个ASP文件进行相同的参数进行传递值

动易swCMS6.5网站的模板在线编辑功能模块相关推荐

动易swCMS6.5网站的缓存技术分析
动易swCMS6.5网站的缓存技术分析动易swCMS6.5网站的缓存技术原理: 将网页的Html内容作为缓存的数据保存在服务器的Application变量中用来保存缓存数据的Applicatio ...
在线html差错,易查分在线编辑功能:发现错误随时修改，不用再重新上传表格!
原标题:易查分在线编辑功能:发现错误随时修改,不用再重新上传表格!
如何在自己的网站加入qq在线交谈功能
如何在自己的网站加上 qq在线交谈,离线留言功能.即点击qq个性图标,可以打开客户机端的qq客户端.实现和业主的qq聊天对话框. 如: QQ在线状态官网: http://wp.qq.com/index ...
office在线编辑功能。
1.需求:在线编辑office文档 2.解决办法:一.使用chrome插件,谷歌文档插件.(问题不能编辑图片,格式可能有问题.) 二.office web apps 服务(未实现). 三,ONLYOF ...
vue实现xml在线编辑功能
先看效果避免误会这是一个在线编辑器我们可以在这上面随意的编写xml代码格式我们修改上面的内容之后就可以在控制台输出内容如果这正是您想要的东西那就可以先创建一个vue项目我们先引入依赖 ...
[django项目] 如何在网站上实现在线视频功能?
在线视频 I. 功能需求分析 1>分析在线直播,或点播设计到视频的存储,转码,加密,播放很多细节,个人单独开发不现实.本项目的在线课堂选择在线播放视频的形式.实际项目中一般选择云点播或者内嵌视 ...
html 在线编辑pdf,iLoveIMG 一个完全免费的PDF文件处理网站，可在线编辑PDF文件
01终于在今天2020年全国的高考结束在等待成绩的这段时间也可以休息了大学生走向毕业迈向了工作各个单位也到了处理文件的时期在文件中有个常见的文件类型:PDF 这是一种可携带文档格式应用方面也 ...
个人手机网站接入支付宝在线收款功能
个人网站接入支付宝并利用回调完成订单的例子有很多,但大多说的是PC端网站,如果是在手机端该怎么操作呢? 最近找到了一个很不错的方法,有需要的朋友可以参考一下: 点击下 ...
PHPCMS V9学习笔记(配置): 后台界面模板在线编辑
1.进入phpcms根目录下,找到\caches\configs目录下的system.php文件 2.用编辑器打开system.php文件,找到第20行默认为'tpl_edit'=> 0 ,将0 ...

动易swCMS6.5网站的模板在线编辑功能模块

动易swCMS6.5网站的模板在线编辑功能模块相关推荐

最新文章

热门文章