Sitecore RTE not showing HTML editor tab - sitecore

Using Sitecore 10.0.1
I updated the HtmlEditor.DefaultProfile in sitecore config as below so as to use bullet points and numbered lists.
<setting name="HtmlEditor.DefaultProfile" value="/sitecore/system/Settings/Html Editor Profiles/Rich Text IDE" />
But after this change not able to see the design tab/ html tab as below
Please suggest

It happens because the profile /sitecore/system/Settings/Html Editor Profiles/Rich Text IDE does not contain the item HTML View in the Buttons folder. You can check it by switching to the core database and exploring different profiles under the tree /sitecore/system/Settings/Html Editor Profiles/.
If you want to include Design/HTML tabs in the Rich Text IDE profile, you can copy the HTML View item from another profile, for instance Rich Text Default or Rich Text Full:
Alternatively, if you plan to make other customisations to the Rich Text Editor profile, consider creating a custom profile and modifying it as per your requirements.

Related

Add a new field to Sitecore JSS

I created a simple Sitecore JSS Application and imported the same.
In connected mode, I want to add a few new fields. I added them to the template (Image 1) and they show up in the item (Image 2). When I query the item, I get the new fields in the json object as well (Image 4).
However, I cannot see the new fields in the experience editor (Image 3) and I am assuming I need to add those in the View. I am unable to locate where I need to add these fields or what I need to do, to have these show up.
Image 1: The modified template
Image 2: Both description and photo show up in the item
Image 3: Description and photo do not show up in the experience editor
Image 4: Json however returns these 2 properties
The Experience Editor use the Node.js app inside the /dist folder of your Sitecore webroot. (See also the config, you can have multiple apps)
Change your frontend, I Guess you use React, Vue, or Angular and upload/deploy to the dist folder.
You need to choose your dev workflow see:
https://doc.sitecore.com/xp/en/developers/hd/190/sitecore-headless-development/development-workflows.html
When you add your fields in Sitecore, you are using the Sitecore-First Workflow.
Hidden gem:
JSS add a extra Field "Always Display Field Editor Button in Experience Editor" to Renderings. In the Experience editor the Chrome Toolbar from a rendering has as first icon a Pencil, That opens a Field editor for all custom fields.

HTML / rich text editor in Django Admin

Is there a way to have a rich text editor in the Django admin panel, as a widget for a TextField, instead of TextArea, as the admin will essentially put in a text that would be HTML text
it would basically be an HTML formatted email that would be sent out each time a certain row is created in the database table, and admin would manually input this HTML content
Thanks
Although there are lots of rich text editors(django plugins) available for admin site(like its mentioned in #obayhan's answer), I love to use ckeditor, and its a JS based editor, so its not required to install any django apps. Here its written about how to use it on admin site.
Tons of wysiwyg editors. Listed in here >> https://www.djangopackages.com/grids/g/wysiwyg/

Display textbox for ItemStyle and MainContentQuery customization

I have the requirement to display a textbox on the content query webpart editor pane in which a user can type the path to a custom ItemStyle.xsl and MainContentQuery.xsl and the webpart will use the provided xsl's. How can i do this? I've seen tutorials about editing the .webpart file to point to a custom xsl, but this is not the case. I need to let the user fill in the path and make the content query web part use this path.

Sitecore - "Clean" package installation for RTE button

I am creating a Sitecore module which includes a new button within the Rich Text Editor.
In order to register the command for the button I had to append some code to the RichText Commands.js file.
I had hoped that I could create the installation package in such a way that it would be simple, without any additional manual intervention required.
So I have 2 questions:
Is there any way I can the add the javascript command registration code without amending an existing file?
Is there somewhere in the Sitecore tree I can put the button so it appears for all RTE profiles? - a sort of "global profile".
You can add your own client scripts by adding an entry into the config. Patch the following:
<configuration xmlns:patch="http://www.sitecore.net/xmlconfig/">
<sitecore>
<clientscripts>
<htmleditor>
<script src="/sitecore modules/shell/Controls/Rich Text Editor/Custom RichText Commands.js" language="JavaScript"/>
</htmleditor>
</clientscripts>
</sitecore>
</configuration>
Here is a detailed blog post about it.
There is no setting that I know of so that all profiles display the button. You have to add it to the profiles you wish the button to show on. Either:
add it to the default profile
make a copy of an existing profile, rename it to Rich Text Default and add/remove whatever you want
Change <setting name="HtmlEditor.DefaultProfile" value="/sitecore/system/Settings/Html Editor Profiles/Rich Text Default"/> in web.config to your custom profile
If you set the DataSource of a rich text field to a different one then obviously the default settings will not take effect.

Add buttons/dropdownlist to sitecore webedit editor?

Is it possible to add more buttons or a dropdownlist to the webedit editor when you are viewing the page in the page editor in sitecore?
If you look at the image below I would like to add a "H2" button in the toolbar.
You need to add it to /sitecore/system/Settings/Html Editor Profiles/Rich Text Default/WebEdit Buttons/.
And, to create a h2-button, enter the following into the Click field of the new item:
chrome:field:execute({command:"FormatBlock", userInterface:true, value:'h2'})
('h2' being the block format you want)
Yes, that is possible.
You need to modify the Html Editor Profile for this which is located in the Core database under /sitecore/system/Settings/Html Editor Profiles
If you look at the Full profile, you can find a command for H2 (and other headings) there somewhere. This can be easily copied to the profile that you are currently using (i guess it's the Minimal profile).
If you have access to the web.config, you may want to create a copy of the Minimal profile before editing it and configure it as HtmlEditor.DefaultProfile