SharePoint Disable Rich Text Field On Edit Form

SharePoint Disable Rich Text Field On Edit Form

In this post, we will explain SharePoint Disable Rich Text Field on Edit Form in SharePoint 2016 using JQuery

SharePoint Disable Rich Text Field On Edit Form

You might also like to read Show and Hide and Disable SharePoint Multiline TextBox Field In Edit Form.


SharePoint Disable Rich Text Field On Edit Form

In SharePoint 2016, I have a custom list “Project Tasks” with content type enabled, In this content type, I have a Rich Multiple Line Textbox column called “Description”, I would like to set this Content-Type Column as read-only when editing the list item.

Read Only Rich Multiple Line Text Field in SharePoint

Check also Disable Choice Field in SharePoint Forms.


Disable Rich Multiple line Textbox On Edit Form Using JQuery

Using JQuery, you can disable a SharePoint Rich Text field in SharePoint forms as mentioned below:

Steps

  1. Open your list.
  2. From the above ribbon, Click on the List tab.
  3. In “Customize List”, Click on “Form Web Parts”.
  4. Select “Default Edit Form” to customize the default edit form.
Default Edit Form in SharePoint
  • Click on Add new Web Part.
  • In the “Media and Content” category, Add Script Editor web part.
  • Edit the snippet.
Add Script Editor in SharePoint 2019

Add the below code with your own Rich Text field ID

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js"
       type="text/javascript"></script>
<script type="text/javascript">
$(function() {
//Disable Rich Multiple line text box in SharePoint
$($("[id^=Body][id$=inplacerte]")[0]).attr("contenteditable","false");
}); 
</script>
Disable Rich Multiple Line Text Field in SharePoint

Note: The ID differs, so don’t forget to set the id in this part [id^=”the first part of your field ID”] to the first part of your field id (in my case, it’s “body”) using F12 developer tools as shown below

Set Rich Multiple Line Text Field Read Only in SharePoint

ReadOnly Rich Multiple line Textbox Without Disable Scroll Bar

To set a SharePoint Rich Text Field as Read-Only in SharePoint forms without disabling the Scroll bar up and down, you should do the following:

Steps

  1. Open your list.
  2. From the above ribbon, Click on the List tab.
  3. In “Customize List”, Click on “Form Web Parts”.
  4. Select “Default Edit Form” to customize the default edit form.
Default Edit Form in SharePoint
  • Click on Add new Web Part.
  • In the “Media and Content” category, Add Script Editor web part.
  • Edit the snippet.
Add Script Editor in SharePoint 2019

Add the below code with your own Rich Text field ID

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js"
       type="text/javascript"></script>
<script type="text/javascript">
$(function() {
// disable Rich Text in SharePoint without dissable 
$($("[id^=Body][id$=inplacerte]")[0]).attr("readonly","true").css('background-color','#E6E6E6');
}); 
</script>

You might also like to read Show and Hide Columns in SharePoint List Forms Using PowerShell


Conclusion

In conclusion, we have learned How to

  • Disable Rich Multiple line field in SharePoint Forms using JQuery.
  • Set a SharePoint Rich Text Field as Read-Only in SharePoint forms without disabling the Scroll bar up and down.
Applied To
  • SharePoint 2019.
  • SharePoint 2016.
  • SharePoint 2013.
You might also like to read
Have a Question?

If you have any related questions, please don’t hesitate to ask it at deBUG.to Community.

Download

You can also explore other JS snippet SharePoint on GitHub. Please, don’t forget to Follow Me to get the latest updates.

1 thought on “SharePoint Disable Rich Text Field On Edit Form”

  1. Pingback: Disable SharePoint Field in Edit Form | SPGeeks

Leave a Reply