https://github.com/disjukr/text2vdom

jsx스럽게 생긴 문자열을 파싱하여 React 노드로 변환해줍니다.
https://github.com/disjukr/text2vdom

Last synced: 5 days ago
JSON representation

jsx스럽게 생긴 문자열을 파싱하여 React 노드로 변환해줍니다.

• Host: GitHub
• URL: https://github.com/disjukr/text2vdom
• Owner: disjukr
• Created: 2018-09-16T17:21:44.000Z (over 7 years ago)
• Default Branch: main
• Last Pushed: 2024-12-04T16:09:57.000Z (over 1 year ago)
• Last Synced: 2026-02-27T04:35:33.998Z (12 days ago)
• Language: PEG.js
• Homepage: https://disjukr.github.io/text2vdom
• Size: 2.12 MB
• Stars: 24
• Watchers: 0
• Forks: 5
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-list - text2vdom

README

          
# text2vdom

jsx스럽게 생긴 문자열을 파싱하여 React 노드로 변환해줍니다.

번역텍스트 사이에 리액트 컴포넌트를 끼워넣고 싶은 경우에 사용하기 위해 만들었습니다.

## 설치하기

```sh

npm install text2vdom

```

## 사용법

DEMO: 

```tsx

import $ from 'text2vdom';

const text = `

    react-dom에서 기본 지원되는 태그는 바로 사용할 수 있습니다.


    중첩된 태그 사용도 지원됩니다.


    부등호를 쓰고싶으면 <이렇게> 사용해야합니다.


    애트리뷰트는 쌍따옴표를 두르는 경우가 허용됩니다만,

    그 정도로 복잡한 표현이 필요하다면 커스텀 태그를 사용하세요.


    애트리뷰트 안에서 쌍따옴표를 사용하고 싶으면 ""이렇게" 사용해야합니다."


    다른 html 엔티티를 지원하지는 않습니다.

`;

const MyComponent = () => 


    { $(text, {

        'my-tag': ({ children }) => 

            { children }

        ,

    }) }

;

```