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,
Related
In Vaadin a button is rendered as the following HTML content:
<div tabindex="0" role="button" class="v-button v-widget" id="searchButton">
<span class="v-button-wrap">
<span class="v-button-caption">Search</span>
</span>
</div>
As I read this caption "Search" will not be accessible to screen readers (they will have problem with reading it).
However, when I test with Mac VoiceOver the caption is read correctly. Is it just a Mac VoiceOver correct support or am I missing something?
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>
So I'm using the JsTree Plugin and I want all the tree to be initially closed. I don't know why I have it initially opened. By the way I'm creating the leaves dynamically through Jquery (append). Thanks in advance.
My code used to be like this :
<div id="demo2" class="demo">
<ul>
<li class="jstree-open">Root node 1
<ul>
<li id="One">Child node 1</li>
<li>Child node 2</li>
<li>ADV_SEARCH</li>
<li>Child node 4</li>
</ul>
</li>
<li>Root node 2</li>
</ul>
</div>
So I simply changed <li class="jstree-open"> to <li class="jstree-closed"> for the nodes who have children.
Well since I didn't really understand this plugin pretty well, I used class="jstree-open" in the li tag and I had no idea what it meant, so by curiosity I put closed instead of open and I got exactly what I wanted. Then I discovered by chance that the class really existed. Anyway as I said in different post JsTree really needs more Documentation because I find it to be a great plugin.
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.
I am using jQtouch for my iPhone application,
I need to check box filed, in jQtouch we have the code below like this.
<ul>
<li>
Toggle The <span class="toggle"><input type="checkbox"/></span>
</li>
</ul>
By using this code we can display the
On-Off image, in the it will be by default off position.
But I need the 'On' position by default.
can you some one help me out for this.
The simplest solution is to add "checked" to the <input> tag:
Toggle The <span class="toggle"><input type="checkbox" checked/></span>
IF you want to handle programmaticaly:
$('toggle input[type="checkbox"]').attr('checked', true)
If you put that in your .Ready() (or page loaded function) the checkbox will be checked by default.
I would recommend that you give the Checkbox an id so that you can specify exactly which you want to change:
<ul>
<li>
Toggle The <span class="toggle"><input id="myCheckbox" type="checkbox"/></span>
</li>
</ul>
Then use:
$('#myCheckbox').attr('checked', true)