How To Do TinyMCE React Integration [Easy Step By Step Guide]


import { Editor } from “@tinymce/tinymce-react”;

export default function App() {

return (

<>

<Editor

tinymceScriptSrc={process.env.PUBLIC_URL + “/tinymce/tinymce.min.js”}

initialValue=

This is the initial content of the editor.

init={{

height: 500,

width: “100%”,

menubar: false,

plugins: [

            “advlist”,

            “autolink”,

            “lists”,

            “link”,

            “image”,

            “charmap”,

            “anchor”,

            “searchreplace”,

            “visualblocks”,

            “code”,

            “fullscreen”,

            “insertdatetime”,

            “media”,

            “table”,

            “preview”,

            “help”,

            “wordcount”,

          ],

toolbar:

“undo redo | blocks | “ +

“bold italic forecolor | alignleft aligncenter “ +

“alignright alignjustify | bullist numlist outdent indent | “ +

“removeformat | help”,

content_style:

“#your_editor { font-family:Helvetica,Arial,sans-serif; font-size:35px }”,

}}

/>

</>

);

}



Technology

Another Tech Information

Comments are closed, but trackbacks and pingbacks are open.