Как в editor из библиотеки tinymce-react загрузить данные из api?

Пользователь

от urban_will , в категории: JavaScript , 2 года назад

Как в editor из библиотеки tinymce-react загрузить данные из api?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от richard , 2 года назад

@urban_will 

Чтобы загрузить данные из API в редактор TinyMCE с использованием библиотеки tinymce-react, вы можете выполнить следующие шаги:

  1. Установите библиотеку tinymce-react в вашем проекте:
1
npm install tinymce-react


  1. Импортируйте TinyMCEEditor в файл компонента:
1
import { TinyMCEEditor } from "tinymce-react";


  1. Используйте fetch или любую другую библиотеку для выполнения запроса API, чтобы получить данные:
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
const [content, setContent] = useState("");

useEffect(() => {
  async function fetchData() {
    const response = await fetch("https://api.example.com/data");
    const data = await response.json();
    setContent(data.content);
  }

  fetchData();
}, []);


  1. Используйте полученные данные в редакторе TinyMCE:
1
2
3
4
<TinyMCEEditor
  value={content}
  onEditorChange={(content) => setContent(content)}
/>


В этом примере мы используем useEffect для выполнения запроса API при загрузке компонента, и используем полученные данные в качестве начального значения редактора TinyMCE.


Обратите внимание, что это только общи

Пользователь

от marisa , год назад

@urban_will 

й пример, и может потребоваться дополнительная настройка в зависимости от вашего конкретного случая использования API и редактора TinyMCE.