Tinymce-react JS未显示UI和插入简单的TextArea

发布于 2025-01-22 15:20:19 字数 1222 浏览 1 评论 0原文

我安装了Tinymce-rexct，但是我看不到图像中可以看到的简单textarea的UI，因此您能帮助我解决此问题，可以像Rich Text Editor

     import { Editor } from "@tinymce/tinymce-react";

     <Editor
            style={{ margin: "0px !important" }}
            apiKey="jwg59xe6oa4x0o733wyeew4t655r396pbt4vqgre3mseiyxt"
            initialValue="<p>This is the initial content of the editor</p>"
            init={{
              height: 500,
              menubar: false,
              plugins: [
                "advlist autolink lists link image charmap print preview anchor",
                "searchreplace visualblocks code fullscreen",
                "insertdatetime media table paste code help wordcount",
              ],
              toolbar:
                "undo redo | formatselect | bold italic backcolor |" +
                "alignleft aligncenter alignright alignjustify | " +
                "bullist numlist outdent indent | removeformat | help",
            }}
          />

原文

I install tinymce-react but I could not see UI for tinymce-react just simple textarea as you can see in the image, So can you help me to fix this that it can working normally like rich text editor

     import { Editor } from "@tinymce/tinymce-react";

     <Editor
            style={{ margin: "0px !important" }}
            apiKey="jwg59xe6oa4x0o733wyeew4t655r396pbt4vqgre3mseiyxt"
            initialValue="<p>This is the initial content of the editor</p>"
            init={{
              height: 500,
              menubar: false,
              plugins: [
                "advlist autolink lists link image charmap print preview anchor",
                "searchreplace visualblocks code fullscreen",
                "insertdatetime media table paste code help wordcount",
              ],
              toolbar:
                "undo redo | formatselect | bold italic backcolor |" +
                "alignleft aligncenter alignright alignjustify | " +
                "bullist numlist outdent indent | removeformat | help",
            }}
          />