React에서 emojione과 markdown을 어떻게 결합합니까?

Question

지금은 react-emojify 및 react-markdown 인 텍스트를 구문 분석하려고합니다. 어떻게 든 두 유틸리티의 기능을 결합하고 싶습니다.

둘 모두가 문자열을 React DOM로 변환한다는 문제점이 있습니다. emojify을 content에 실행하면 <ReactMarkdown source={result} />으로 결과를 전달할 수 없으며 그 반대의 경우도 마찬가지입니다.

나는 stah를 HTML로 직렬화하고 다른 파서에서 일부 태그를 허용하는 것을 고려하고 있었지만 호환이 가능할 때 (예 : emotify가 emoticons를 허용하지 않는 범위로 감출 때) ReactMarkdown).

다른 사람이 시도해 보았습니까? 이것을 달성하는 데 도움이 될 수있는 방법이 있습니까? 난 단지 react-emojify에 옵션 객체를 전달 반대 (CSS에 .emojione 클래스 속성을 변경하여 표시하는 방법을 그림 이모티콘 조정할했습니다에

import emojione from 'emojione'; 
import React from 'react'; 
import ReactMarkdown from 'react-markdown'; 

class ExampleComponent extends React.Component { 
    render() { 
    const content = this.props.content; 
    const emojified = emojione.shortnameToImage(content); 
    return (
     <ReactMarkdown source={emojified} /> 
    ); 
    } 
} 

을 나중에 :

Answer 1

나는 emojione와 react-emojify를 대체하여 사물이 작동하도록 관리 기능).