在Plone中使用jQueryUi需要帮助

Question

我是Plone和jQueryUI的新手,并且无法在Plone页面上运行任何jQueryUI.

我安装了Plone 4(4.1.4 41143)和jQueryUI 1.8.16(http://plone.org/products/collective.js.jqueryui),

在Zope Management Interface> portal_javascripts下,将存在并启用collective.js.jqueryui.custom.min.js.

为了尝试从http://jqueryui.com/demos/button/实现这个例子,我放置了Plone页面的正文:

<script type="text/javascript">
    jQuery({function($) {
        $( "input:submit, a, button", ".demo" ).button();
        $( "a", ".demo" ).click(function() { return false; });
    });
</script>

<DIV class=demo>
<BUTTON type=submit>A button element</BUTTON> <INPUT value="A submit button"  type=submit> <A href="#">An anchor</A>
</DIV><!-- End demo -->

但结果页面未显示预期结果.

我尝试用"$","collective.js.jqueryui.custom.min"替换上面代码中的"jQuery",但还没有任何工作.

我能够让一些jQueryUI在Plone之外工作,但是有兴趣知道如何在Plone中使用它.任何帮助赞赏.

Answer 1

Plone的HTML过滤可能会删除脚本标记的内容.您可以在"站点设置","HTML过滤"中更改它.(对话框令人困惑,你必须点击两个按钮.首先从'讨厌的标签'中删除,然后在页面底部'保存'.)

但请注意,不允许用户使用脚本,嵌入和其他标记有很好的安全性原因.它可能会导致各种麻烦,例如,当评论允许它们时,或者经验不足的用户复制/粘贴危险代码时.

如果您只是练习,而不是将您的网站放在大型互联网上,那就没关系,但如果您开始部署真实网站,最好将脚本内容放入您自己基于文件的添加的页面模板中 -在产品上.