Я следовал инструкциям о том, как настроить TinyMCE с TinyDrive, включая настройку конечной точки JWT. Конечная точка JWT предоставляет токен (я тестировал с Postman). Редактор TinyMCE используется внутри AdminUI Keystone JS, для чего он стоит.
Следуя примеру в инструкциях
const defaultOptions = {
autoresize_bottom_margin: 20,
base_url: '/tinymce-assets',
branding: false,
menubar: false,
tinydrive_token_provider: '/jwt',
plugins: 'image media link tinydrive code imagetools',
statusbar: false,
toolbar: 'insertfile image link | code',
// quickbars_selection_toolbar: 'bold italic underline strikethrough | h1 h2 h3 | quicklink blockquote removeformat',
// quickbars_insert_toolbar: false,
width: '100%'
};
...
<FieldContainer>
<FieldLabel htmlFor={htmlID} field={field} errors={errors} />
<div css={{ display: 'flex', flex: 1 }}>
<GlobalStyles />
<Editor apiKey={apiKey} init={{ ...defaultOptions, auto_focus: autoFocus }} onEditorChange={handleChange} value={value} />
</div>
</FieldContainer>
...
, но когда вы нажимаете, чтобы загрузить изображение там не является кнопкой «upload», и «insertfile» не появляется в меню.
Я восстановил публичные c и закрытые ключи, которые хранятся в TinyCloud и передаются в редактор, соответственно, но это не помогло.
Обновление
Я изменил defaultOptions
to:
const defaultOptions = {
autoresize_bottom_margin: 20,
//base_url: '/tinymce-assets',
branding: false,
menubar: false,
tinydrive_token_provider: '/jwt',
plugins: 'link lists code autoresize paste quickbars hr table emoticons tinydrive image imagetools media',
statusbar: false,
toolbar:
'formatselect forecolor | alignleft aligncenter alignright alignjustify | bullist numlist indent outdent | link unlink | image table emoticons hr | code',
quickbars_selection_toolbar: 'bold italic underline strikethrough | h1 h2 h3 | quicklink blockquote removeformat',
quickbars_insert_toolbar: false,
width: '100%'
};
и теперь, по крайней мере, я могу загружать изображения. Что я изменил, чтобы это работало? Я этого не вижу.