跳转到主要内容

将Plone的主题结果嵌入为Web小部件

项目描述

rt.topicembed 简介
==========================

此产品向主题内容类型添加了新的“嵌入”选项卡,并
发布类似于**twitter**小部件的主题项。


嵌入
-----

这是一个简单的表单,允许用户配置一个Web小部件。
代码可以在相同视图中的`textarea`中找到。示例代码
看起来像这样

```html
<script>
(function() {
var s = document.createElement('script');
s.src = 'http://nohost/plone/events/embed.js';
s.async = true;
window.topic_options = (window.topic_options || []).concat([ {
element_id: 'embeded_id',
elements_length: 5, //显示多少个元素
embed_css: true, //嵌入rt.topicembed CSS样式
new_window: true //在新窗口中打开链接
}]);
document.body.appendChild(s);
}());
</script>
```


此代码可以稍后嵌入外部网站,与 **twitter** 小部件相同。

输出
------

渲染输出的模板由此 ZCML 别名注册

```xml
<browser:page
name="json"
for="Products.ATContentTypes.interfaces.topic.IATTopic"
layer="..interfaces.IBrowserLayer"
class=".embed.EmbedJSON"
permission="zope2.View"
/>
```
并且它被称为 `items_macro.pt`。它生成类似于以下内容的 HTML 输出

```html
<div>
<p>
<a href="http://nohost/plone/events/event1">事件 1 标题</a>
</p>
<div>简短的事件描述</div>
<img src="http://nohost/plone/events/event1/image_mini" title="事件 1 图片">
</div>
<div>
<p>
<a href="http://nohost/plone/events/event2">事件 2 标题</a>
</p>
<div>其他事件描述</div>
<img src="http://nohost/plone/events/event2/image_mini" title="事件 2 图片">
</div>
```



变更日志
=========

1.3 (2013-12-20)
----------------

- 添加翻译 [lucabel]。


1.2 (2013-03-18)
----------------

- 添加图像尺寸选择 [amleczko]
- 添加示例 CSS [massimo]
- 添加翻译 [amleczko]

1.1.1 (2013-03-05)
------------------

- 修复 JSON [amleczko]


1.0 (2013-03-05)
----------------

- 初次发布

项目详情


下载文件

下载适用于您平台的文件。如果您不确定选择哪个,请了解有关 安装包 的更多信息。

源分布

rt.topicembed-1.3.zip (17.6 kB 查看散列值)

上传时间

由以下提供支持