Skip to main content

Embed Plone's Topic results as Web Widget

Project description

rt.topicembed introduction
==========================

This product add's new tab to the topic content type called `embed`, and
publish topic's items similar to **twitter** widget.


Embed
-----

This is practically a simple form that allows user to configure a web widget.
The code can be found in the `textarea` in the same view. An example code
looks like that:

```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, //how many elements to show
embed_css: true, //embed rt.topicembed css styles
new_window: true //open links in new window
}]);
document.body.appendChild(s);
}());
</script>
```


This code can be later embeded on the external site, the same as **twitter** widget.

Output
------

The template for rendering the output is registered by this ZCML slug:

```xml
<browser:page
name="json"
for="Products.ATContentTypes.interfaces.topic.IATTopic"
layer="..interfaces.IBrowserLayer"
class=".embed.EmbedJSON"
permission="zope2.View"
/>
```
and it's called `items_macro.pt`. It generates an HTML output similar to:

```html
<div>
<p>
<a href="http://nohost/plone/events/event1">Event 1 title</a>
</p>
<div>Short event description</div>
<img src="http://nohost/plone/events/event1/image_mini" title="Event 1 image">
</div>
<div>
<p>
<a href="http://nohost/plone/events/event2">Event 2 title</a>
</p>
<div>Other event description</div>
<img src="http://nohost/plone/events/event2/image_mini" title="Event 2 image">
</div>
```



Changelog
=========

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

- Add it translations [lucabel].


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

- add image size selection [amleczko]
- add example CSS [massimo]
- add translations [amleczko]

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

- Fix JSON [amleczko]


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

- Initial release

Project details


Download files

Download the file for your platform. If you're not sure which to choose, learn more about installing packages.

Source Distribution

rt.topicembed-1.3.zip (17.6 kB view hashes)

Uploaded Source

Supported by

AWS AWS Cloud computing and Security Sponsor Datadog Datadog Monitoring Fastly Fastly CDN Google Google Download Analytics Microsoft Microsoft PSF Sponsor Pingdom Pingdom Monitoring Sentry Sentry Error logging StatusPage StatusPage Status page