Why isn't the full text editor displaying in my Remix App?

Solved

Why isn't the full text editor displaying in my Remix App?

CwsSanket
Shopify Partner
8 2 2

I use Tinymce for show Text-editor in my Shopify remix app but when i run, app run successfully and no error show, but in front side only text-area show not full text-editor show.

 

import React from 'react';
import { Editor } from '@tinymce/tinymce-react';

class RichText extends React.Component {
  constructor(props) {
    super(props);
    this.handleEditorChange = this.handleEditorChange.bind(this);
  }
  handleEditorChange = (e) => {
    console.log(
      'Content was updated:',
      e.target.getContent()
    );
  }

  render() {
    return (
      <>
      <Editor
        initialValue="<p>Wow ! ... It Works !!!</p>"
        init={{
          height: 500,
          menubar: false,
          plugins: [
            'advlist autolink lists link image',
            'charmap print preview anchor help',
            'searchreplace visualblocks code',
            'insertdatetime media table paste wordcount'
          ],
          toolbar:
            'undo redo | formatselect | bold italic | \
            alignleft aligncenter alignright | \
            bullist numlist outdent indent | help'
        }}
        onEditorChange={this.handleEditorChange}
      />
      </>
    );
  }
}

export default RichText;

 

Accepted Solution (1)
CwsSanket
Shopify Partner
8 2 2

This is an accepted solution.

Replies 2 (2)

Da2
Shopify Partner
8 0 0

Did you find a solution for this? I face the same here. 

CwsSanket
Shopify Partner
8 2 2

This is an accepted solution.

No, but i found new that's working.
i use this editor:- https://codesandbox.io/s/prosemirror-template-ruwq5u?file=/src/editor/index.jsx