Custom Markup snippet on Sharepoint RTE

Benjamin Chew Zhe Ming 1

Would like to check if it is possible to add a custom style and markup snippet for Sharepoint 2019 Rich text editor?

the markup snippet to look like this

div

h2 title /h2

p content /p

/div

2 answers

Baker Kong-MSFT 3,801 Reputation points

2020-10-20T07:39:09.853+00:00

Hi @Benjamin Chew Zhe Ming ,

Do you want to add some custom markup in Rich Text Editor? If so, i think it's possible. Below is a rich text column and we can edit its source and add custom elements.

Best Regards,
Baker Kong

If an Answer is helpful, please click "Accept Answer" and upvote it.
Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.
Please sign in to rate this answer.

0 comments No comments
Sign in to comment

Use comments to ask for clarification, additional information, or improvements to the question.
Benjamin Chew Zhe Ming 1 Reputation point

2020-10-21T02:09:51.887+00:00

hi. thanks for the reply. I know about the edit source method. but some users might not have any HTML background. I want to create a way for them to just select the desired markup instead of them having to manually type in the HTML code
Please sign in to rate this answer.
Baker Kong-MSFT 3,801 Reputation points

2020-10-22T10:06:09.39+00:00

Hi @Benjamin Chew Zhe Ming ,

Is it acceptable to add a button with JS action near the text area? so that the user could fast insert the above markup? Or you have to add custom ribbon on Format Text tab for Edit text?

Thanks
Baker Kong

Baker Kong-MSFT 3,801 Reputation points

2020-10-23T05:55:54.673+00:00

Hi @Benjamin Chew Zhe Ming ,

If it's a classical page then we can add custom markup through button click or defining a custom ribbon with JS script.

If it's modern page, then it's not possible to customize the format text tab or add js script.

More references:

https://social.msdn.microsoft.com/Forums/aspnet/en-US/072ec359-80b7-4700-ad3b-61700a270265/connecting-ribbon-button-to-javascript-function-in-an-aspx-page?forum=sharepointdevelopment

Thanks
Baker Kong

Baker Kong-MSFT 3,801 Reputation points

2020-10-30T09:23:15.287+00:00

Hi @Benjamin Chew Zhe Ming ,

This issue has idled for a long time, If the above info is helpful to this question, it would be appreciated if you can mark it as an answer so that others who stuck in similar issues could get answered quickly. And if you want to receive the related email notification for this thread, please follow the steps in our documentation to enable e-mail notifications

Thanks
Baker Kong
Sign in to comment

Use comments to ask for clarification, additional information, or improvements to the question.

Share via

Custom Markup snippet on Sharepoint RTE

2 answers

Your answer