[react]WYSIWYG(위지윅) 텍스트 에디터(ckEditor) 출력

위지윅 텍스트 에디터를 이용하여 db에 저장하면

html형식 그대로 저장이 된다. 그대로 웹에 출력을 할 때는 dangerouslySetInnerHTML를 이용을 하면 출력을 할 수 있다.

await axios
        .get(baseUrl+'/board/viewBoard',{params:{board_code:board_code}})
        .then((response)=>{
            setBoard(response.data);
       
           
        })
        .catch((error) => {
            console.log(error);
        })
   } 
  
  call();      

  }, []);

let codes = board.board_content;

board.board_content는 axios를 이용하여 비동기로 db에 접근하여 데이터를 가져와 codes 변수에 넣었다.

<div dangerouslySetInnerHTML={ {__html:codes}}></div>

dangerouslySetInnerHTML를 이용하면 웹에 그대로 출력이 가능해진다.