why format list in tinymce RTE is empty in umbraco? - tinymce

in my umbraco system when i try to create a content in RichTextbox format list is empty as below picture:
I have searched in google and found this issue on umbraco issue tracker and do its guide line but there was no result. how can I fix this issue?

Login to umbraco backoffice and go to Settings>Stylesheets section and create a rte style sheet with all the css classes in it.
Add a new rte.css class to your umbraco solution's css folder if there isn'T one already and update the css classes according to your values in umbraco backoffice.
Go to Developer>DateTypes and select SimpleRTE and in the Stylesheets section, check rte as your stylesheet.
The in your content page, you will see the formats list as shown below.
Please see screen shots for more details. Hope it helps.

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.

Adding pdf icon in AEM rich text editor

I have a requirement where author can embed/link url/pdf in rte and if pdf is added, a pdf icon should be shown very next to link itself. What i have thought of
Customize OOTB RTE
Update css/js to add icon if pdf is recognized.
Anything better to suggest?
Thanks

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

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.

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.