On my TYPO3 website (v6.2) I use CE backend Layout to allow my teammates to insert content easily. Problem : tag are automatically generated and break all my layout (seems like html anchors to inserted content). This is what it looks like :
<ul id="timeline">
<a id="c3837"></a>
<li> CONTENT HERE</li>
<a id="c3842"></a>
<li> CONTENT HERE</li>
<a id="c3845"></a>
<li> CONTENT HERE</li>
</ul>
I tried several fix to remove them :
tt_content.stdWrap.innerWrap.cObject.default >
tt_content.stdWrap.innerWrap >
tt_content.stdWrap.innerWrap.cObject.default.10.cObject.default.value =
... with no success.
Do you have any idea to solve this issue ?
Thanks !
SOLVED ! Thanks to this stack overflow topic.
I tried "tt_content.stdWrap.prepend >" and it works.
Related
i've seen some TinyMCE editor questions here before, so figured it was kosher.
Using Version 3.1.2
I have a "glossary" I am trying to use and on save, the code is getting repositioned so that portions of the glossary that need to be hidden are not.
It is taking a <UL> and placing it outside of a <span> tag I have.
The following code:
<p class="hide_def">
<span class="term_title">Investigational</span><br>
<span class="def">Definition Here
<ul>
<li>Definition Bullet Point</li>
</ul>
</span>
</p>
Is being changed to the snippet below. This throws all of the <UL> tags outside of the definition area.:
<p class="hide_def">
<span class="term_title">Investigational</span><br>
<span class="def">Definition Here</span></p>
<ul>
<li>Bullet Point</li>
</ul>
I have heard of turning off the "cleaning" config setting in TinyMCE, but also heard that is a bad idea.
What can I do here?
Since tinymce version 3.4 deactivation of the cleanup functionality is not apossible anymore.
With your version you can set the tinymce config param cleanup to false:
cleanup: false,
Actually i had a problem while making my style i finished it all but i faced a problem ,,
THIS PIC shows the problem.
How can i remove this huge space after the forum word at the beginning of the categories?
is it related too the certain tag ?? or this is a mistake that i changed or added a value for the wrong class ??
There is a floatcontainer tag i think this is the tag that has the error.
the code of this part is :
<div id="breadcrumb" class="breadcrumb">
<ul class="floatcontainer">
<li class="navbithome">
<li class="navbit lastnavbit">
<span>forum</span>
</li>
</ul>
<hr/>
</div>
Using
<div class="lift:Menu.builder"/>
menu on website is vertically, any ideas because i cant found anywhere, how to make menu across ?
This is more a CSS question than a Lift question. The HTML produced for the menu looks something like this:
<div class="column span-6 colborder sidebar">
<hr class="space" />
<ul>
<li> <span>Home</span></li>
<li> Login</li>
<li> Sign Up</li>
<li> Lost Password</li>
<li> Search</li>
</ul>
...
</div>
I.e., about as vanilla as possible, so it's very easy to add some CSS to create a horizontal menu out of the list—see for example the "Horizontal lists" examples on Listamatic.
It would be simplest just to add the CSS code to the header in src/main/webapp/templates-hidden/default.html, but you could also use your own separate CSS file without too much fuss.
Im trying to get something like this:
<ul>
<li>
<h3>Some header</h3>
<p>Some text</p>
</li>
</ul>
inside a Text element, but when I try to apply the blocktype to the content of the <li>, it applies it to the whole content.
Im using rtehtmlarea. What can I do?
Strange - this works in my installation. You should check the RTE configuration in page TSconfig. I assume something like this:
RTE.default.proc {
allowTagsOutside = img,hr,[your Tags]
}
Another suggestion is: Disable the Rich Text Editor (there is a checkbox below the textarea), enter your tags, then enable it again. The tag structure should be preserved.
If not, drop me a line, I will post my RTE configuration.
If you need a waterproof solution, try playing around with your RTE.default typoscript.
I am having a problem using fancybox with expression engine.
Basically I have different galleries set-up using matrix plugin. Each gallery has around 10 images. Basically I want the thumbnail to open up fancybox and fancybox to be able to scroll through the images in that matrix entry/gallery.
Sounds simple but I can’t seem to get fancybox to scroll through the images, it just stays on the first image.
This is my code for the thumbnails:
<ul id="image_gallery">
{exp:channel:entries channel="gallery_images"}
<li>
<a class="grouped_elements" href="{title_permalink='gallery/view'}" rel="{title}">
{gallery_image limit="1"}
{exp:imgsizer:size src="{image}" width="200px" height="180px"}
<img src="{sized}" width="{width}" height="{height}" alt="" />
{/exp:imgsizer:size}
{/gallery_image}
</a>
<h1>{title}</h1>
</li>
{/exp:channel:entries}
</ul>
This is my code for the fancybox template:
{exp:channel:entries channel="gallery_images"}
<ul id="img_gallery">
{gallery_image}
<li>
{exp:imgsizer:size src="{image}" width="650px" height="500px"}
<img src="{sized}" width="{width}" height="{height}" alt=""/>
{/exp:imgsizer:size}
</li>
{/gallery_image}
</ul>{/exp:channel:entries}
Everything works fine except for the image scrolling.
I’d appreciate any help!
Without seeing the output of your ExpressionEngine tags, it's difficult to understand where the problem is. However, your problem may be as simple as making sure all of the images in a gallery share the same HTML relationship attribute.
Fancybox Galleries are created from elements who share the same rel="" attribute:
<a class="gallery" rel="set_1" href="#"><img src="1.jpg" alt=""/></a>
<a class="gallery" rel="set_1" href="#"><img src="2.jpg" alt=""/></a>
<a class="gallery" rel="set_1" href="#"><img src="3.jpg" alt=""/></a>
<script>
$('a.gallery').fancybox();
</script>
In looking over your code, you're using the ExpressionEngine {title} tag as the rel="" attribute.
Since the title of your channel entry likely contains spaces and other special characters, a better choice would be to use the URL Title field, {title_permalink}.
The {title_permalink} tag converts the channel entry title to be URL-safe using either hyphens or underscores as character separators (using the Word Separator for URL Titles setting in the Global Channel Preferences).
Your updated thumbnail code would then be:
<a class="grouped_elements" href="{title_permalink='gallery/view'}" rel="{title_permalink}">
<img src="{sized}" width="{width}" height="{height}" alt="" />
</a>
If this doesn't work, perhaps you can provide a more complete code sample such as a jsFiddle or Pastie to help us understand where the problem may be.