在Joomla中添加特定于页面的javascript或CSS

时间:2009-04-17 01:21:15

标签: javascript css joomla

如何仅在Joomla的某篇文章中包含javascript或CSS文件?

我有一篇文章需要jQuery UI和相关主题。由于这不在任何其他页面上使用,我只想要它用于这篇特定的文章。在文章的HTML中添加必要的<script><link rel="stylesheet">标记不起作用,因为它们在保存时会被删除。

如果有一种方法可以包含某些文件,或者停止剥离这些标记,那就非常好。

3 个答案:

答案 0 :(得分:7)

我最终创建了一个插件来为我维护的网站执行此操作;我可以为它发布代码,但解释起来非常简单。您构建了一个内容插件,用于搜索{css path/to/a/css/file.css}等标记,将其删除,然后将文件添加到HTML <head>。获得要包含的CSS或JS文件的名称后,以下是用于在标题中获取它的代码:

$document =& JFactory::getDocument();
$document->addStyleSheet(JURI::base() . 'path/to/style.css');
$document->addScript(JURI::base() . 'path/to/script.js');

答案 1 :(得分:4)

对于这项工作,请使用Joomla插件“Sourcerer”。你可以将PHP和Javascript放在带有它的文章中,还有时间来烘烤馅饼! 我刚刚在文章中添加了代码,它就像一个魅力。谨防邪恶的编辑器将剥离部分代码。 Html实体是你的朋友 - 你可以使用它们。 示例代码:

{source}<?php
$doc =& JFactory::getDocument();
$doc->addStyleSheet( JURI::root( true ).'/example.css' );
$doc->addCustomTag( '<script src="/example.js" type="text/javascript"></script>' );
$doc->addScript( JURI::root( true ).'/example.js' );
?>{/source}

答案 2 :(得分:0)

将您的编辑器设置为Editor - None,并使用您想要的任何<script><style>

不要忘记您应该避免以后使用TinyMCE或其他编辑器编辑该文章。