Adding Menu Items to the Redactor Menu

Overview

The article details the process to add menu items (font size, center, insert media (youtube), insert file, etc.) to the redactor menu.

Environment

DNN 9.2.2

Requirements

Developer account to add and edit modules.

Process

The social modules in DNN have access to a limited version of the redactor module. General changes made to this module will not affect the redactor in the social modules ..\DesktopModules\DNNCorp\EvoqLibrary\ClientScripts\redactor\redactor.source.js

To modify changes in the social version of the redactor, we can adjust the following file entry in the file ..\DesktopModules\DNNCorp\SocialLibrary\ClientScripts\dnn.social.Utilities.js

You can trick the file into showing some additional entries, like alignment. Replace this line:

var buttons = settings.toolbar.split(',');

with this line:

var buttons = ["formatting","|","bold","italic","|","unorderedlist","orderedlist","outdent","indent","|","link","html","image","|","alignment"];

To insert video, currently there is no option available, but we can use the HTML code:

<iframe width="424" height="238" src="https://www.youtube.com/embed/3oQLcvCsPjc" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>

No other options are available, and further modification would require an enhancement request.

Comments

0 comments

Article is closed for comments.