Along an upgrade from TYPO3 4.5->6.2, I encountered the following issue:
We have many existing images with text in the "Caption" field, which is in fact named "description". I wanted to rebuild the click-enlarge feature with a given lightbox script and adapt the content rendering by css_styled_content.
Now there is a newer setting in css_styled_content, which enables you to replace the odd/old "click enlarge" behaviour by a regular lightbox (fancybox, colorbox, anybox) style link.
This comes in very handy. But some lightbox scripts need a title on the link to display that caption when enlarging the image.
How to add that caption to the click-enlarge link?
Just add the field file:current:descriptionto the link's ATagParams:
tt_content.image.20.1.imageLinkWrap.linkParams.ATagParams.dataWrap = class="{$styles.content.imgtext.linkWrap.lightboxCssClass}" rel="{$styles.content.imgtext.linkWrap.lightboxRelAttribute}" title="{file:current:description}"
Related
I have a content management system that uses TinyMCE to edit text, and I am using the inline option. The issue I have is when the content contains an iframe - when TinyMCE is initialised, it converts the iframes to an image tag:
<img data-mce-p-allowfullscreen="allowfullscreen" data-mce-p-frameborder="0" data-mce-p-src="https://www.youtube.com/embed/xxxxx" width="560" height="315" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-mce-object="iframe" class="mce-object mce-object-iframe" data-mce-src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7">
I then need to get the edited HTML to save to the server. The docs for this functionality give no suggestion on how to do this, so currently I use jQuery to just get the HTML content of the element the TinyMCE editor was initialised on, however this contains the image tag instead of the original iframe, which is what then gets saved.
Is there a better way to get the HTML from n inline TinyMCE instance, or change how TinyMCE displays iframes?
Here is a TinyMCE Fiddle that shows TinyMCE running inline with an iFrame in the content. When I use getContent() to extract the content it just shows as an iFrame.
http://fiddle.tinymce.com/rkgaab
As a rule of thumb I would not use jQuery to try to get the raw HTML as TinyMCE does a variety of things to accommodate for how inline editing works. The getContent() API is documented here:
https://www.tinymce.com/docs/api/tinymce/tinymce.editor/#getcontent
I am building a website with the Modx CMS.
Now i want to have multiple content area's on one page.
My solution: create an extra TV, set the TV with form customisation to the content, so the tv is under the content.
I created a template looking like this:
[[$top]]
<h1>[[*pagetitle]]</h1>
[[*content]]
[[!myCustomSnippet]]
[[*Other Content]]
[[$bottom]]
After creating the TV, i've set it's region to modx-resource-content.
The result:
As you can see, the text is messing with the CKEditor.
Somebody any ideas how to fix this?
(Using version 2.3.1-pl)
If you are looking to get TVs appear under the content textarea, it is better to use MODX system setting to that. Please goto Settings, and search for tvs_below_content and set it to Yes.
By doing this, the TVs will appear under the content textarea on single page instead of having their own separate tab.
Hopefully this helps.
I am try to set multiple Images in attribute using Wysiwyg Editor and try to get those images in product detail page but no success. and in view source I get something like this <img alt="" lighthouse.jpg"}}"="" productfeed="" wysiwyg="" src="{{media url="> so may be it will not allow me to get path in this format {{media url="lighthouse.jpg"}}. So how to get images which i have uploaded using Wysiwyg Editor on product page.
Finally I got solution,
If you are also facing same issue than use
$this->helper('cms')->getBlockTemplateProcessor()->filter($this->helper('catalog/output')->productAttribute($this->getProduct(),nl2br($_description), 'description') )
Instead of
$this->helper('catalog/output')->productAttribute($this->getProduct(),nl2br($_description),
'description')
where you want to show product description or any attribute along with it's images which you uploaded using Wysiwyg editor. for further detail go through this link
When you add a "link" type post to Tumblr:
...your admin shows a small thumbnail of any image associated with that link:
However, this doesn't show on the frontend of the site:
Is there any way to pull this image through?
Tumblr Link Theme Operator and Thumbnail
Tumblr recently added some new theme operators to allow for link thumbnails.
I presume this works the same as video thumbnails work and may only be available if the linked site creates the thumbnail.
{block:Link}
{block:Thumbnail}
<img src="{Thumbnail}" alt="{Name}">
{/block:Thumbnail}
{/block:Link}
Reference: http://www.tumblr.com/docs/en/custom_themes#link-posts
This is how it's done:
Click on your blogs name on the dashboard above or in the bloglist on the right hand side.
Click on Customize on the right hand side (or just go to the template you chose)
Once you're in there you can change the HTML on top on the left hand side, right under the templates name and icon
There you look for the
{block:Link} and before the description you add:
{block:Thumbnail}
<img src="{Thumbnail}" alt="{Name}">
{/block:Thumbnail}`
I have a Plone 4 site using collective.xdv for the theme. Overlays for the login and contact form work fine.
But if I go to edit > categorization tab and try to add a related item, the overlay is blank. Looking at it in Firebug, the tags are correct down to div.overlaycontent. But inside of that div is my static HTML from the XDV theme's index.html.
Is there a special rule that I need for the overlays?
I cannot use plone.app.theming because this site is using more than just Plone.
In the xdv configuration(or append "##xdv-settings" onto site url), you can add unstyled paths.
I think what you'll need is:
^.*/referencebrowser_popup(\?.*)?$
or
^.*refbrowser_popup(\?.*)?$
If neither of those work, figure out the url that's being requested and add it as an unstyled path.