score:2
Concatenating string with JSX expression (which in fact is javascript object tree of virtual nodes) in
prevState.content + <TemplateComp>Added Content</TemplateComp>
results in that you have described. You have to convert virtual DOM nodes to HTML, e.g. in following way:
prevState.content + ReactDOMServer.renderToStaticMarkup(<TemplateComp>Added Content</TemplateComp>)
this will work, albeit it is one way route how to statically render React component to Tiny MCE editor. If you really want to place React component with its lifecycle to rich text editor consider using Draft.js or a component based on it instead of Tiny MCE.
Source: stackoverflow.com
Related Query
- Add React Component to TinyMCE Editor content
- React TinyMCE editor set bbcode content dynamically
- tinymce react - clear editor content
- How to set iframe content of a react component
- How to add scroll event in react component
- How can I add properties to a react component passed as a variable?
- Add SVG markup to React component
- How do I add React component on button click?
- Test the content of an <iframe> in a React component with Enzyme
- React Typescript: add location state to react router component
- How to add Event in React Functional Component
- How to add a non editable tag to content in Quill editor
- Add style from props to existing component styles in React Native
- Add AddThis to React component
- How to add Stripe.js script in React component
- Typing a React component that clones its children to add extra props in TypeScript
- Add Sweet Alert popup to button in React component
- How to load tinymce editor in React using local tinymce js
- React: How to add onChange functionality inside of Function component using React Hooks? Need onClick event from a checkbox to influence input state
- How to add dynamic code inside of a React Router Link component
- How to add more than one Outlet component react router dom V6?
- TinyMCE React editor throws 'Cannot set property 'onload' of null'
- React Native: How to add script tag in the component
- How to add new props dynamically to the component using navigator in React Native
- Add styles to Styled Component custom Component in React Native
- How To Add More component dynamically React Native
- Display TinyMCE Content in React
- How to add multiple classNames on a react component
- How to add dynamic content to React Material UI expansion panels whilst keeping only one active tab at at time functionality
- Can you add an external function as a method in a React component class?
More Query from same tag
- Add craco webpack plugin by condition for create react app
- ReactJS - replace / expire date card
- React Hooks - How do I implement shouldComponentUpdate?
- Properly defining environment variables in Cloud Run for my React App
- Insert variable in className to check the true/false condition
- Can I call an onChange event from componentDidMount
- My react input type == number is not working
- React and Redux architecture issues
- "ERESOLVE unable to resolve dependency tree" when installing npm react-facebook-login
- React download for offline usage
- how to set a default output message in react speech recognition?
- What does '&&' operator indicate with { this.props.children && React.cloneElement(this.props.children, { foo:this.foo})
- How to stop Firestore `get` query on componentWillUnmount
- TransitionGroup and CssTransition: Exit transition not applied
- loop adds only the last element to the array
- Material-UI: ListItem onClick not called
- ReactJS : Child wont re-rendered when the parents state object changes
- How do I define pair CSS class in CSS module (React)?
- Animate background gradient using styled-components
- Array type variable changes to string on setState
- React Link component lose css or magin align when used
- Reactjs: Inject a text into React-Select Input field
- How find some error send data react to backend?
- React.js Docker - Module not found
- Downgrade React v17 to v18 created using npx
- React-Dropzone image preview not showing
- "setState is not defined" thrown when using 3rd party React Component
- How to return multiple times same component but with independant state?
- How to force React.memo render component only once (on initial load)?
- How to read JSON error message React-Rails