I have two textareas that I load when the page loads, these two textareas are in the same table row. My tinyMCE looks like this
tinyMCE.init({
mode : "textareas",
theme : "simple"
});
For some odd reason only the first textarea gets assigned the editor and the second does not. Although it only does this in Firefox. The text areas have different names and don't contain ids. Any advice will be appreciated.
Give them different ids. Tinymce editor id is equal to the textareas id; if no textarea id is present "content" is used as default. In your case for both textareas. Because there is already a tinymce editor with id "content" when the second textarea is being converted into a tinymce editor instance - it fails.
This has now been fixed by upgrading to the current version of tinyMCE (3.5b2) - as per:
http://www.concrete5.org/community/forums/customizing_c5/firefox-11-tinymce-issue-workaround-and-fix/
In my code, it was not fixed by giving different ids to the multiple text areas (Thariama's suggestion above).
If you don't know how to figure out your version of tinyMCE, see How do I find out what version of TinyMCE I am running?
Related
I am guessing this is really simple but I haven't been able to work out a solution.
I have created a form in Kentico and need to show the caption in the form element itself. I can do this in bootstrap but cannot seem to get this to work in the form editor. I am guessing this is because of the id kentico assigns to each form element.
An example would be the search box used on the stackoverflow site.
Does anyone have an idea how to do this?
Thanks,
When configuring some text field and form control is Text box under Editing control settings click 'Advanced' you will see the Watermark section, where you can put your caption (Text field). This caption will be displayed in form element.
I'm building an extended editor around TinyMCE and I have to implement a Math formula module. I've choosen Mathjax for formula rendering, using plain html/css. So far, I've managed to create a plugin that popup a panel with a textarea, you can enter your latex in, there's a preview in the panel.
Once you validate the formula, it's injected into tinymce content. This new content is A LOT of spans with inlined styles, and OF COURSE, I don't want tinymce to be able to edit that directly. (sidenote: we only store latex, not the rendered html output from mathjax)
Basically, I want that a piece of html inside Tinymce to be ignored totally, but displayed in place. I want my carret to be able to move before that piece of html, and after, but not inside.
The "non editable content" plugin seems to be close of what I'm looking for, but it has some limitation (you can't ADD no editable content on the fly, having nested html content inside an element flagged as "non editable" broke some things, etc.)
Is someone could help with that ? I started to tweak the non editable plugin, but it's really really hard to understand existing code. Has someone already did something like that, or is there another third party plugin ?
thanks
I am very new in Typo3 world (I came from Joomla and WordPress) and I have some doubts related a thing that has been requested by a customer that use Typo3 for its site
He ask me to create some colored boxes into a specific page. Each of these boxes simply must contain text or links.
How can I do this?
I am thinking that I can solve in the following way (but I have not idea if this is a GOOD solution):
In the backend I go in the Page section and I open the settings related to the page that I have to modify
Here I have 3 columns (Left, Normal, Right) and for example I add a NEW Regular Text Element into this central column
Now appear to me the wysiwyg editor, so I click on the Toggle text mode icon and I pass from the wysiwyg mode to the pure HTML editor's mode and now I will create some div tags (settings the CSS settings for the background color and the dimension) that rappresent my boxes (and into these div I put their textual contents).
Is it a possible solution or is it a bad solution?
Tnx
Andrea
You may either use the RTE typoscript config to add some new paragraph styles, which will make the boxes or use the section_frame field in tt_content, a field called "frame" in the backend when you edit a content record. Both solutions would just need some typoscript (which you will deal with very often in the TYPO3 world) and CSS code.
If you need some more structure in the backend, there is also an extension for that called multicolumn. If you just need "more" columns in the backend (in combination with backend layouts) to achieve different looks, this can also be done by adding some typoscript config. To give you a more precise recommendation, some sort of scribble or design screenshot of what you want would be nice.
I am trying to build a widget that has an area that will display sample of ~20 line HTML code. This sample code must be selectable so the user will be able to copy + paste it into their own text editor.
Currently I am using an xtype displayfield and using the fieldDescription to put my HTML code inside. I realized though that this fieldDescription does not allow me to format my code. I also tried using an xtype textarea and setting the emptyText as my HTML code, but clicking in the textarea would remove the HTML code.
The user story for this is that I have a textarea where the user will be populating a textarea with HTML code. This HTML code must be structured in a certain way so the CSS will format their code correctly. I want to include an example of how this HTML code should be structured.
EDIT - It will be great if I can apply the font-face Courier to this for ease of readability.
Try using value property of textarea.
Set ignoreData to true to avoid the value being populated from content.
To make sure it doesn't get saved back as a property - leave name empty, or just set a value that doesn't start with ./
To achieve different font face - play with CSS on a page. If you want to add specific CSS class to your widget, use overCls property.
Find more on the documentation
I have a WP 3.2.1 site and use Gravity Forms 1.6.2 plugins. I make my first form, and the preview looks good (www.censin.com/form-preview.jpg)
But when view in actual page, the second input text field (Official Website) is not float to the right side of first input text (Company Name). Image in www.censin.com/form-live.jpg
You can visit the live page at: (protected page password: demo)
http://www.censin.com/marketplace/buyer-request/
I am not good at CSS styling, and I think the problem is in the theme style.css but i can't figure it out using firebug in firefox.
Seems like the last column of li is not define well and can't float to the right, or because the site theme css is do not have a usual definition for form input.
Any help to resolve this is appreciated.
The reason for the wrapping is that the list items are slightly too big to floated next to each other so are being pushed down.
In your CSS file add a new rule to set the width on the UL element.
#gform_fields_1
{
width:922px;
}