How do I use content editor/script editor web part for SharePoint modern site/communication site

Question

I just want to inject JavaScript in my SharePoint list of communication site. How do i use it

Answer 1

Unfortunately, it's not supported in the Modern Experience.

You can't customize the page to add Script Editor with JS or custom CSS as we have done in classic mode, meanwhile, you can go ahead with one of the following:

• Reference third-party CSS styles in SharePoint Framework web parts
• Use SPFx extensions to add your custom CSS to the page
• Using 3rd party form builder like Plumsail Forms
• Switch to the Classic Mode.

---

Below are the Unsupported customizations for Modern Experience

• Custom master pages
• More extensive branding will be supported later using alternative options
• Custom page templates (layout templates) and Alternative layouts
• Adding "classic" web parts on "modern" pages
• Custom CSS via AlternateCSSUrl web property
• Custom JavaScript embedded via User Custom Actions

---

See also

• Customizing "modern" site pages
• Build your first SharePoint Framework Extension (Hello World part 1)
• SharePoint Framework Extensions Developer Preview
• Provision files (css, js) with SharePoint Framework
• Adding CSS Reference on Site Page