In TinyMCE 3, how can I remove a field from the table dialog? - tinymce

We would like to alter the appearance of the "Insert/Edit Table" dialog in TinyMCE. Presently the dialog displays fields which manage attributes that are deprecated in HTML5. For instance, the border attribute is considered obsolete.
Now, I can successfully remove the border attribute from the rendered markup, by extending a technique presented here:
http://krompaco.nu/2010/05/alter-default-initoptions-for-tinymce-in-episerver-6/
But the "Insert/Edit Table" dialog still presents a "Border" field when we launch the table dialog from the TinyMCE menu button. The toolbar option for TinyMCE enables programmers to control the actual buttons that get displayed by the editor.
https://www.tinymce.com/docs/configure/editor-appearance/#toolbarn
We still want to display the Table button, but want to remove some of the deprecated fields from that dialog. How can we do this?
We are using the EpiServer CMS (versions 8-10) which employs TinyMCE version 3.3.9.3. Thanks for your help.

You could probably use virtualPathMappings. I think they're still supported in CMS8-10.
This means you have to create a copy of the aspx or ascx file with the dialog in it. Have the file Inherit="" from EPiServer code and change the markup how you want and then add the below configuration in section of web.config:
<virtualPathMappings>
<add url="~/yourprefix/CMS/Edit/LinkDialogName.ascx" mappedUrl="~/YourProjectFolder/LinkDialogName.ascx" />
</virtualPathMappings>
This is a bit of a hack however.

Related

Rich Text Dialogs for Touch UI in AEM 6.5

I want to create Rich Text dialog in AEM 6.5
I have added the RTE plugins and UI settings but still it is not working.
Please see the attached image of the structure of rich text dialog.
Do we need to write some code or class so that rich text dialogs can work.
Please help.
The best way to figure out if you have done anything wrong is to copy the richtext from /libs/core/wcm/components/text/v1/text/cq:dialog/content/items/tabs/items/properties/items/columns/items/column/items/text to your dialog and check if the RTE is appearing or not. If it is, then compare the one you previously created with this one and figure out what is going wrong.
Always the best approach is to check the OOTB fields structure and compare it with your structure to figure out what is going wrong.
Rich Text Editor in Dialog
It is always better to configure dialogs directly with XML instead of doing it in CRXDE.
To start with you can look into the 'Text Component' dialog which has RTE in its dialog.
Look into the <text>...</text> part in the content.xml of the dialog. Hopefully, you will get a better idea.

How to align fieldLabel and textfield as single line in dialog in AEM 6.3

How to align fieldLabel and textfield as single line in dialog in AEM 6.3? But in AEM 6.2 it's showing Single line FieldLabel and Textfield.
Please find attachments AEM 6.2
AEM 6.3
Like you, I was wondering about that. I have looked over every documentation from Adobe, found nothing that suggests that it's possible.
If you look at 6.1 dialog source, you'll see the form has coral-Form--aligned when in floating mode and coral-Form--vertical in fullscreen.
in 6.3 dialogs, it's always coral-Form--vertical
Also, if you look at the dialog JSP, in 6.3, at this path: /libs/cq/gui/components/authoring/dialog/dialog.jsp you'll see that they add coral-Form--vertical by default and there are no properties to change that behavior.
So, it seems Adobe will keep the dialog style as vertical.
I don't recommend the following, but it is mentioned because it's possible:
If you really really want to force "aligned", you'll have to write a simple script to add coral-Form--aligned to the dialog form and remove coral-Form--vertical, I tried that, and it results in an unpleasant UI (see screenshot) that needs a few CSS fixes.

Custom Drop Down Menu in a Custom Word Content Control

I'm able to create a DropDown ContentControl in word such that a user can select an item from the drop down and that item becomes the text displayed in the ContentControl. However I've noticed that when you create a citation that drop down list contains command items that can launch dialogs. Is there any way to replicate this behaviour but with custom content controls that launch custom dialogs.
Apparently this is impossible as mentioned in the link below because:
This isn't a "standard" content control. This is something Word puts around a Citation field (and around Date fields and some other kinds). But the functionality is Word-internal and proprietary. It's not something that's exposed in the API. IOW, you can't do that, I'm afraid...
http://social.msdn.microsoft.com/Forums/vstudio/en-US/40542235-1a32-45e6-9aef-55709021ce53/how-do-i-create-a-contentcontrol-with-a-menu-like-when-inserting-a-placeholder?forum=worddev

Umbraco 4.7 - Adding Alt. tag settings to tinyMCE

The person who manages our site wants me to add an alt. text option to the insert image button.
I managed to figure out how to do that, but am lost on how to get tinymce to actually apply the text and add the alt attribute to the image html.
I found an SO article that somewhat helped but didn't helped me with the thing I'm stuck on.
Add attributes to Insert Image dialogue of Umbraco RTE or Create Custom Data type

How to create some custom box into a Typo3 web page?

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.