教程: 模块中使用模板页面
发布者: alain01On 2013/1/10 17:30:00 10811 阅读大家好,
许多使用XOOPS的人需要使用模板来展示统一的页面
- 烹饪,
- 一些书籍,
- 一些电影,
- ...
我将向您展示如何使用模板来生成你的页面
优点
- 所有页面使用相同的模板
- 较为统一且清晰的表现风格
- 使用预定义的页面
6步创建模板(gabarits)
1 - 模块中激活 TinyMCE 编辑器
2 - 添加模板按钮
3 - 创建模板文件
4 - 创建模板的定义文件
5 - 将文件上传至服务器
6 - 使用
1 - 模块中激活 TinyMCE 编辑器(在此处查看该编辑器演示 这里)
管理 / 预设 / 系统模块设置 / 编辑器设置 / 所有模块的编辑器: : tinymce
(或选择 TinyMCE 作为你将使用的模块默认编辑器,在模块预设中)
2 - 添加模板按钮
修改文件 /class/xoopseditor/tinymce/settings.php
第70行,将
"粘贴,全屏,可视字符,非断行,行内弹出窗口",
"粘贴,全屏,可视字符,非断行,行内弹出窗口,模板",
然后第85行
"theme_advanced_buttons4" => "xoopsimagemanager,xoopsemotions,xoopsquote,xoopscode,xoopsmlcontent",
"theme_advanced_buttons4" => "xoopsimagemanager,xoopsemotions,xoopsquote,xoopscode,xoopsmlcontent,模板",
"template_external_list_url" => '/uploads/gabarits/liste-gabarits.js',
(此处表示模板存放在 /uploads/gabarits 文件夹中,模板定义文件为 liste-gabarits.js)
3 - 创建模板文件
这些文件必须是 html 格式,但无需 < html >、< body > 或
这里,我们创建了两个 html 文件
- fiche-cooking.html,
- fiche-book.html。
请创建一个干净的 html 文件,带有固定的位置...
例如,对于模板 'cooking'
烹饪名称
配料
烹饪难度
...
4 - 创建模板的定义文件
在这里,创建文件 liste-gabarits.js
// JavaScript 文档
var tinyMCETemplateList = [
// 名称,URL,描述
["食谱表单", "/_uploads/gabarits/fiche-cooking.html", "烹饪模板。"],
["图书表单", "/_uploads/gabarits/fiche-book.html", "图书模板。"] ];
5 - 将文件上传至服务器
在 /uploads/gabarits 文件夹中上传文件
- liste-gabarits.js
- fiche-cooking.html,
- fiche-book.html。
- index.htm (与另一个目录中的相同)
6 - 使用
转到模块(例如新闻),然后点击“模板”图标,然后在打开的窗口中选择你想要使用的模板(例如,使用 fiche-cooking 创建“苹果蛋糕”页面)
就是这个样子!
好看吗?
请告诉我您的想法。我会很感激您的评论!
PS 1:非常感谢montuy337513在XOOPS法国论坛上的支持。
PS 2:在下一个XOOPS版本中,如果这个选项默认可用,那会更好,不是吗?