I am creating an spfx webpart to allow users to edit some items in a list. I am trying to use office-ui-fabric-react for all the controls as recommended. The list has a rich text field(Enhanced rich text (Rich text with pictures, tables, and hyperlinks). How do I enable editing of such a field in an spfx webpart?


2 Answers 2


Microsoft Office UI Fabric doesn't currently have a rich text editor control. There have been requests for a rich text control, but the response right now from developers is that "[they] are not currently working on WYSIWYG editor, but it is a good suggestion... [they] will keep this on [their] radar..."_

That said there are a couple examples out there of integrating rich text editors within a SPFx solution:

It also looks like a future version of the @pnp/spfx-controls-react may have a rich text control. I noticed pull request #211 where user hugoabernier has shared "...a rich text control that mimics the out-of-the-box SharePoint rich text editor (as much as possible), using Quill.js..."


I ended up using CKEditor. Works great.

  • The guy who posted the 'answer' is the author.
    – spguy
    Commented May 23, 2017 at 2:05
  • I tried to upload the image but its not working. Commented Jul 30, 2020 at 9:57

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.