Adding pdf icon in AEM rich text editor - aem

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

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.

Customize page-header area default theme in Moodle

I am using the default Boost theme and want to add some text beside the logo in the page-header section.
I have tried doing so in the Additional HTML in Within HEAD, but does not add the text in that area.
I am on version 3.6.3
The HEAD is before the BODY in HTML so isn't displayed.
You could add the text to "When BODY is opened" (additionalhtmltopofbody)
Via Site admin > Appearance > Additional HTML
Or direct to /admin/settings.php?section=additionalhtml
Anything you enter there will be displayed at the top of the page.

AEM page with rich text and image

I am using AEM 6.0 and want authors to create page using a template having
Page headline
Page sub headline
Page rich text
An image
Page rich text
Similar page - Page with image & RTE
I am planning to use AEM RTE for rich text and as RTE does not provide any option to inset image, i can do one of these
Upgrade RTE to embed image but it will have issues with responsiveness
Create page with multiple RTE and image components to render above output.
Does anyone know best way to achieve this?
For a fixed layout with responsive capabilities you are better off using templates just for simplicity. By fixed layout I am assuming your page will have fixed content location for images and text (guessing from your template details)
Modifying RTE for responsive image insertion on an arbitrary location will not render a good HTML unless you override a lot of RTE functionality. This will be a pain and counter-productive for the use case.
A mid-way alternative is to make a custom image with text (text and image control) where you allow the user to enter text and select and image separately and then provide additional layount options (image position) and responsive customisation.
One more flexible option is to use acs-commons grid layout control to use different text and image controls while letting a grid based css framework (e.g. bootstrap) take care of responsive aspects of the site.
Hope these ideas help you.

why format list in tinymce RTE is empty in umbraco?

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.

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