슬레이트 편집기에 GIF를 삽입하는 방법

Question

내 앱에 슬레이트 텍스트 편집기가 있는데 Giphy 링크를 사용하여 GIF를 삽입하고 싶습니다. insertNodes 함수를 사용하여 추가를 시도했지만 새 행이 추가되는 것 같습니다. 아래에 GIF를 추가하는 데 사용하는 기능을 나열했습니다. 으아아아

저는 실제로 GIF를 편집기에 추가할 수 있는지 확인하기 위해 공개적으로 사용 가능한 gif 링크를 사용했습니다. 그래서 나는 링크나 다른 것이 문제가 아니라고 확신합니다. 나는 또한 성공하지 못한 채 다른 곳의 링크를 사용하여 이 작업을 시도했으므로 도움을 주시면 감사하겠습니다.

아래에 렌더링 요소 기능도 추가하세요.

으아아아

마지막으로 내 요소 정의입니다.

으으으으

Answer 1

슬레이트 문서에 따르면: https://docs.slatejs.org/walkthroughs/03-defining-custom-elements

또한 이 기사: Slate.js 및 React로 텍스트를 정렬하는 방법은 무엇입니까?

특정 수정자에 따라 다양한 구성 요소를 표시하려면 renderElement 콜백을 수정해야 합니다. 예를 들어 코드 요소로 작업하고 이를 편집기에 표시하려는 경우 일반적으로 Slate 노드에 값이 code인 유형 속성을 제공합니다. 그런 다음 renderElement 함수에서 렌더링할 유형이 포함된 소품을 전달합니다.

따라서 사용 사례에 따라 다음을 수행합니다.

으아악