Strapi 媒体库奇怪的行为
Strapi media library odd behavior
我在我的项目 (React) 中集成了 strapi 和 TinyMCE 编辑器。但是,无论您的光标在哪里,从媒体库插入图像都是在内容末尾上传图像。
我已经搜索了他们的论坛和问题,但没有找到任何东西。这种行为是否有任何正当理由,因为在文档中也提到了。
我需要更正此问题,因此我们将不胜感激。
万一有人遇到这个问题,请在所见即所得的 Handel 更改函数中尝试以下代码 index.js
const handleChange = data => {
if (data.mime.includes('image') && typeof window !== 'undefined') {
const imgTag = `<p><img src="${data.url}" caption="${data.caption}" alt="${data.alternativeText}"/></p>`;
window.tinymce.activeEditor.insertContent(imgTag);
const newValue = window.tinymce.activeEditor.getContent();
onChange({ target: { name, value: newValue } });
}
};
这将在光标上插入媒体库中的图像
我在我的项目 (React) 中集成了 strapi 和 TinyMCE 编辑器。但是,无论您的光标在哪里,从媒体库插入图像都是在内容末尾上传图像。 我已经搜索了他们的论坛和问题,但没有找到任何东西。这种行为是否有任何正当理由,因为在文档中也提到了。 我需要更正此问题,因此我们将不胜感激。
万一有人遇到这个问题,请在所见即所得的 Handel 更改函数中尝试以下代码 index.js
const handleChange = data => {
if (data.mime.includes('image') && typeof window !== 'undefined') {
const imgTag = `<p><img src="${data.url}" caption="${data.caption}" alt="${data.alternativeText}"/></p>`;
window.tinymce.activeEditor.insertContent(imgTag);
const newValue = window.tinymce.activeEditor.getContent();
onChange({ target: { name, value: newValue } });
}
};
这将在光标上插入媒体库中的图像