教程: 模块中使用模板页面

发布者: 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版本中,如果这个选项默认可用,那会更好,不是吗?