Skip to content

Commit

Permalink
Fix RichTextField not showing up when editing/republishing page (#2)
Browse files Browse the repository at this point in the history
Bump tinymce version
Related: #2944
  • Loading branch information
alicelupsan authored Sep 6, 2022
1 parent 0c36971 commit 26cc9f4
Show file tree
Hide file tree
Showing 3 changed files with 18 additions and 17 deletions.
15 changes: 8 additions & 7 deletions samples/react-list-form/npm-shrinkwrap.json

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

2 changes: 1 addition & 1 deletion samples/react-list-form/package.json
Original file line number Diff line number Diff line change
Expand Up @@ -19,7 +19,7 @@
"@microsoft/sp-property-pane": "1.10.0",
"@microsoft/sp-webpart-base": "1.10.0",
"@pnp/spfx-controls-react": "^1.19.0",
"@tinymce/tinymce-react": "^3.0.1",
"@tinymce/tinymce-react": "^4.2.0",
"@types/es6-promise": "0.0.33",
"@types/react-dnd": "~2.0.34",
"@types/webpack-env": "1.13.1",
Expand Down
Original file line number Diff line number Diff line change
@@ -1,26 +1,26 @@
import * as React from 'react';
import { ISPFormFieldProps } from './SPFormField';

import * as tinymce from 'tinymce';
import 'tinymce/themes/silver';
import 'tinymce/plugins/paste';
import 'tinymce/plugins/link';
import 'tinymce/plugins/image';
import "tinymce/tinymce";
import "tinymce/icons/default";
import "tinymce/themes/silver";
import "tinymce/plugins/paste";
import "tinymce/plugins/link";
import "tinymce/plugins/image";
import 'tinymce/plugins/imagetools';
import 'tinymce/plugins/advlist';
import 'tinymce/plugins/print';
import 'tinymce/plugins/autolink';
import 'tinymce/plugins/lists';
import 'tinymce/plugins/table';
import "tinymce/plugins/table";
import 'tinymce/plugins/preview';
import 'tinymce/plugins/anchor';
import 'tinymce/plugins/fullscreen';
import 'tinymce/plugins/media';
import 'tinymce/plugins/imagetools';
import "tinymce/skins/content/default/content.min.css";
import { Editor } from "@tinymce/tinymce-react";

const SPFieldRichTextEdit: React.SFC<ISPFormFieldProps> = (props) => {
tinymce.init({});
const { Name, RichTextMode } = props.fieldSchema;
const value = props.value ? props.value : '';

Expand All @@ -34,7 +34,7 @@ const SPFieldRichTextEdit: React.SFC<ISPFormFieldProps> = (props) => {
skin_url: "https://cdnjs.cloudflare.com/ajax/libs/tinymce/5.0.1/skins/ui/oxide"
};
return <Editor
id={`Editor-${Name}`}
id={`Editor-${Name}-${Date.now().toString()}`}
init={editorConfig}
value={value}
onEditorChange={props.valueChanged}
Expand Down

0 comments on commit 26cc9f4

Please sign in to comment.