Slideshowpro使用JCE编辑器添加到joomla

时间:2013-02-12 03:48:24

标签: joomla slideshow jce

我正在为我的网站使用Joomla,并且我已经成功地将slideshowpro添加到多个网站。但是出于某种原因,当我将产品添加到这个网站www.boydnodder.co.nz时,它会在网页上出现这个

http://boydnodder.co.nz/index.php/gallery-new

我正在使用JCE并在编辑器参数>高级我允许Javascript,允许CSS,允许PHP,XHTML内联脚本全部打开。

在选项卡插件参数下,媒体支持我有严格的XHTML Flash,允许HTML5音频,允许HTML5视频,允许OBJECT元素,允许EMBED元素,全部关闭,禁用允许iframe。

当我添加以下代码时;

<!-- START EMBED CODE -->

<script type="text/javascript" src="http://www.colmandesigns.co.nz/colmangallery/m/embed.js"></script>

<div id="album-6">

</div>

<script type="text/javascript">
SlideShowPro({
attributes: {
id: "album-6",
width: 550,
height: 400
},
mobile: {
auto: false
},
params: {
bgcolor: "#000000",
allowfullscreen: true
},
flashvars: {
xmlFilePath: "http://www.colmandesigns.co.nz/colmangallery/images.php?album=6",
paramXMLPath: "http://www.colmandesigns.co.nz/colmangallery/m/params/chrome.xml",
contentScale: "Crop to Fit All"
}
});
</script>

<!-- END EMBED CODE -->

一旦我点击保存

,它就会像这样出现
<!-- START EMBED CODE -->
<p>
<s-cript type="text/j-avascript" src="http://www.colmandesigns.co.nz/colmangallery/m/embed.js"></s-cript>
</p>
<div id="album-6">&nbsp;</div>
<p>
<s-cript type="text/j-avascript"> SlideShowPro({ attributes: { id: "album-6", width: 550, height: 400 }, mobile: { auto: false }, params: { bgcolor: "#000000", allowfullscreen: true }, flashvars: { xmlFilePath: "http://www.colmandesigns.co.nz/colmangallery/images.php?album=6", paramXMLPath: "http://www.colmandesigns.co.nz/colmangallery/m/params/chrome.xml", contentScale: "Crop to Fit All" } }); 
<!-- END EMBED CODE -->
</s-cript>
</p>
<p>&nbsp;</p>

任何想法都会很棒!

谢谢, 卡勒姆

2 个答案:

答案 0 :(得分:0)

是的,WYSIWYG编辑器会破坏您的嵌入式脚本和样式。我在我的网站上所做的是将JCE配置为默认不显示。

转到“组件&gt; JCE编辑器&gt;配置文件&gt;默认&gt;功能和布局&gt;编辑状态”并将其设置为“关闭”。

这将为您提供一个用于编辑文章的通用文本区域(默认情况下)和一个用于打开WYSIWYG编辑的链接。这样就不会弄乱你的JavaScript / CSS。

您还可以尝试使用“Flexi自定义代码”模块,该模块与“自定义HTML”模块的工作方式类似,但是可以用于JS / CSS。

祝你好运。

答案 1 :(得分:0)

为超级用户禁用文本过滤器可能会有所帮助:

执行管理员/全局配置/文本过滤器,然后选择超级用户

旁边的无过滤器