In my application I make my TinyMCE readonly except several word in class editablecontent. It work perfectly, by using contenteditable attribute from HTML. Now I want to make certain table in TinyMCE editor can edit, only table with class editablecontent.
To do that, my plan is when user make an template, to make certain table that editable user set it in Table Properties. When user set it editable than javascript will add class in tag <table>. The principle is like add style in table properties.
In TinyMCE 4 and 5, you can use the table_class_list to configure a list of classes that can be applied to tables from the dialog you reference.
https://www.tiny.cloud/docs/plugins/opensource/table/#table_class_list
Here is a Tiny Fiddle example:
https://fiddle.tiny.cloud/w8haab
Related
I have created a content app in which I am able to show and hide different fields using radio buttons but how to Show/Hide different fields Based on the dropdown value in Magnolia content app?
For radio button and fields i used below class info.magnolia.ui.form.field.definition.SwitchableFieldDefinition
and for transformer class i used
info.magnolia.ui.form.field.transformer.composite.DelegatingCompositeFieldTransformer
but now i want to use
info.magnolia.ui.form.field.definition.SelectFieldDefinition
instead of SwitchableFieldDefinitionbut I am unable to do so with any of the transformer class.
I also searched and found similar thread here but it has the incomplete answer!
According to https://documentation.magnolia-cms.com/display/DOCS/Switchable+field you can define a property named "selectionType" with the value "select".
I haven't tested that though.
If you have a look in SwitchableFieldDefinition, it looks promising though, because there's really a property with that name and it just defaults to "radio" but can be overwritten.
When you go through the choices for the tinyMCE "style..." combo box, there is a section for styling tables, cells and rows. How can I add another of these?
It doesn't seem to match up with the options in TinyMCE settings -> styles.
You can add one new row in the Styles section.
For example:
Special Row|tr|MySpecialCSSKlass
Of course you have to style MySpecialCSSKlass by your own.
You have to reset the JS cache before this change take effect.
It's also necessary to place the curser inside of table row/cell.
For an project, I have extended the TYPO3 TCA with a extra extension, named "project_extends". Now, I have all new TCA Objects - sorted in tabs - on every Treepoint/Contentpage, to configurate some fluid templates or extensions.
For example: I have three tabs, named "Tab1","Tab2" and "Tab3".
Now I want to display Tab1 and Tab3 at the second tree-level of the contentpages, but not at level one.
I don't found a understandable solution via google & co and hope here of helpful solutions :)
That's simple, to hide whole tab you just need to disable ALL fields which are visible on it.
To do this open page properties, find Page TSconfig field and for each field you want to disable add something like this:
TCEFORM.tt_content.list_type.disabled = 1
in this sample tt_content is a required table and list_type is the field. Normally (without above config) it should be visible as only field on the Plugin tab when inserting TT content with type Insert Plugin , however while you disabled it will be hidden and also tab will disappear.
Tip: you can recognize these values using some browser inspection tool, i.e. FireBug of Firefox.
I know how to add fields to the pages table and placing them wherever I want in the TCEforms using the function addToAllTCAtypes(), no problem with that. However, the fields only appear for the pages in the default language, they don't in localized pages. Is there a way to make the added fields visible for any language?
As you can see in $TCA['pages']['ctrl']['transForeignTable'] the table pages uses an extra table for its localization.
Your new fields need to exist in that overlay table pages_language_overlay. Also have a look at this tables TCA, that'll help you out.
I am creating table with AjaxFallbackDefaultDataTable. I want to add image to each column and when user clicks any column for sorting, I want to change this image.
Is this is possible?
This is probably best handled by css.
If you look at this example of an AjaxFallbackDefaultDataTable, you'll note that with no work at all, the headers change background color when clicked.
This happens because of wicket-defined css classes "wicket_orderUp", "wicket_orderDown", and "wicket_orderNone" on the header set by the callbacks when you click on columns, and some default css supplied by wicket.
If you create css that sets a background image for these classes, possibly qualified by other css hierarchy if you don't want it everywhere, you should be able to get changing images with no Java code.