TinyMCE getting value in reserve order

During integration of TinyMCE in a react/next-js app, I was getting input value in reserve order, even while typing.

To fix it you must replace component attribute 'initialValue' by 'value'.

At end you’ll get something like this bellow:

 &lt;Editor
        onInit={(evt, editor) => editorRef.current = editor}
        value={value}
        init={{
          height: 200,
          menubar: false,
          plugins: &#91;
            'advlist autolink lists link charmap anchor'
          ],
          toolbar: 'undo redo | formatselect | ',
          content_style: 'body { font-family:Helvetica,Arial,sans-serif; font-size:14px }'
        }}
        onEditorChange={(content) => {
          setFieldValue(content);
        }}
        apiKey="xxx-yyy-zzz"
        disabled={disabled}
        id={id}
        key={id}
      />

<Editor

onInit={(evt, editor) => editorRef.current = editor}

value={value}

init={{

height: 200,

menubar: false,

plugins: [

'advlist autolink lists link charmap anchor'

toolbar: 'undo redo | formatselect | ',

content_style: 'body { font-family:Helvetica,Arial,sans-serif; font-size:14px }'

}}

onEditorChange={(content) => {

setFieldValue(content);

}}

apiKey="xxx-yyy-zzz"

disabled={disabled}

id={id}

key={id}

Share: