Как загрузить редактор tinymce в React, используя локальный tinymce js - PullRequest
Новая
       19

Как загрузить редактор tinymce в React, используя локальный tinymce js

0 голосов
/ 13 марта 2019

Я пытаюсь реализовать редактор tinymce в моем приложении реакции. Но его зовут JS из облака. Я хочу, чтобы это работало локально. Я просмотрел документацию по tinymce для локальных js, но не смог ее реализовать. Может ли кто-нибудь помочь мне сделать это.

Заранее спасибо. 

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

.....

<Editor
                        style={{margin: "0px !important"}}
                        init={{
                        plugins: 'print preview fullpage searchreplace autolink directionality visualblocks visualchars fullscreen image link media template codesample table charmap hr pagebreak nonbreaking anchor toc insertdatetime advlist lists textcolor wordcount imagetools contextmenu colorpicker textpattern help',
                        toolbar: 'formatselect | bold italic strikethrough forecolor backcolor | link | alignleft aligncenter alignright alignjustify  | numlist bullist outdent indent  | removeformat',
                        height: 500
                        }}
                        initialValue={this.state.htmlContent}
                        onChange={this.handleEditorChange}
                    />

1 Ответ

2 голосов
/ 13 марта 2019

Пожалуйста, ознакомьтесь с файлом readme для оболочки tinymce-Reaction:

https://github.com/tinymce/tinymce-react

Загрузка TinyMCE самостоятельно

Чтобы отказаться от использования облака TinyMCE, у вас есть сделать TinyMCE глобально доступным самостоятельно. Это может быть сделано либо самостоятельно разместив файл tinymce.min.js и добавив тег скрипта HTML или, если вы используете загрузчик модулей, установите TinyMCE с нпм. Для получения информации о том, как заставить TinyMCE работать с загрузчиками модулей проверьте эту страницу в документации.

То, что вы загрузили через импорт, это просто оболочка, которая помогает TinyMCE работать в React. Вы не загрузили сам TinyMCE. Если вы загрузите TinyMCE до загрузки компонента React, оболочка не будет пытаться загрузить TinyMCE из TinyMCE Cloud.

...