honeymoose
/
sp-dev-fx-webparts
mirror of https://github.com/pnp/sp-dev-fx-webparts.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity
sp-dev-fx-webparts/samples/react-tinymce
History
Hugo Bernier 7e97daab76 Added more contributions 2023-03-15 01:23:34 -04:00
..
.devcontainer added remaining containers 2022-02-16 21:47:07 -05:00
assets Changed docs links to learn 2022-10-24 09:42:45 -04:00
config Sample react tinymce (#431) 2018-02-26 09:23:44 +01:00
src/webparts/reactTinyMce Fix for TinyMCE build error: module ReactTinyMce.module.scss cannot be found (#480) 2018-04-27 18:16:51 +03:00
.editorconfig Sample react tinymce (#431) 2018-02-26 09:23:44 +01:00
.gitignore Sample react tinymce (#431) 2018-02-26 09:23:44 +01:00
.yo-rc.json Sample react tinymce (#431) 2018-02-26 09:23:44 +01:00
README.md Added more contributions 2023-03-15 01:23:34 -04:00
gulpfile.js Sample react tinymce (#431) 2018-02-26 09:23:44 +01:00
package-lock.json Bump minimist from 1.2.5 to 1.2.8 in /samples/react-tinymce 2023-03-09 00:13:01 +00:00
package.json Bump json5, @microsoft/sp-build-web and @microsoft/sp-webpart-workbench 2023-01-01 02:43:48 -05:00
tsconfig.json Sample react tinymce (#431) 2018-02-26 09:23:44 +01:00
tslint.json Sample react tinymce (#431) 2018-02-26 09:23:44 +01:00

README.md

page_type products languages extensions
sample
office-sp
javascript
typescript
contentType technologies platforms createdDate
samples
SharePoint Framework
react
3/1/2018 12:00:00 AM

TinyMCE Editor

Summary

React TinyMCE is one of the worlds most popular editors for the web. It has many features out of the box and many more plugins that can be added when needed. You can create your own plugins if you want, the editor is powered by the community.

picture of the web part in action

Compatibility

⚠️ Important
Every SPFx version is only compatible with specific version(s) of Node.js. In order to be able to build this sample, please ensure that the version of Node on your workstation matches one of the versions listed in this section. This sample will not work on a different version of Node.
Refer to https://aka.ms/spfx-matrix for more information on SPFx compatibility.

SPFx 1.4.1 Node.js v8 | v6 Compatible with SharePoint Online Compatible with SharePoint 2019 Does not work with SharePoint 2016 (Feature Pack 2) Local Workbench Compatible Hosted Workbench Compatible Compatible with Remote Containers

Applies to

Prerequisites

If you are going to use tinymce be aware of it's license, and you must agree to it.

Contributors

Version history

Version Date Comments
1.0 Feb Initial release

Minimal Path to Awesome

  • Clone this repository
  • in the command line run:
    • npm install
    • gulp serve
    • add web part to page

This sample can also be opened with VS Code Remote Development. Visit https://aka.ms/spfx-devcontainer for further instructions.

Features

Description of the web part with possible additional details than in short summary. This Web Part illustrates the following concepts on top of the SharePoint Framework:

  • Rich text editing, that has more features than the Out of the box.
  • Uses an Open Source, community-driven Editor.
  • Can be extended to accept copy/paste from using Paste Plugin.
  • Can be extended to accept images using the manager in the Editor.
  • Can write your own Styles for all content on your site.
  • Can style your authoring experience using the skins folder.
  • For more features please look at the extensive list of extensions available.

Disclaimer

THIS CODE IS PROVIDED AS IS WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESS OR IMPLIED, INCLUDING ANY IMPLIED WARRANTIES OF FITNESS FOR A PARTICULAR PURPOSE, MERCHANTABILITY, OR NON-INFRINGEMENT.