! 제품 버전을 정확하게 입력해 주세요.
제품 버전이 정확하게 기재되어 있지 않은 경우,
최신 버전을 기준으로 안내 드리므로
더욱 빠르고 명확한 안내를 위해
제품 버전을 정확하게 입력해 주세요!

React 버전으로 Viewer 없이 PDF 내보내기 시, 한글 텍스트 및 공간 깨짐 > Q&A | 토론

본문 바로가기

ActiveReportsJS

Q&A | 토론 - ReactJS

ReactJS React 버전으로 Viewer 없이 PDF 내보내기 시, 한글 텍스트 및 공간 깨짐

페이지 정보

작성자 호로로로 작성일 2023-02-08 01:19 조회 1,315회 댓글 0건
제품 버전 : 버전 3.2.1

본문

첨부파일

안녕하세요.

현재 React를 이용해서 Viewer 없이 Pdf를 내보낼려고 하는데 2가지 문제점이 있습니다.


1. 한글 텍스트 깨짐 현상

- 현재 한글은 Font-Family는 Helvetica 를 사용하고 있습니다. 영어는 Times-new-roman을 사용하고 있습니다.


 


2. 공간이 약간 미리보기와 상이한 현상


 

적용 중인 코드도 보내드립니다!
 

    Core.FontStore.registerFonts('resources/fontsConfig.json');

    const coreReport = new Core.PageReport();

    const report = await loadReport();

    report.DataSources[0].ConnectionProperties.ConnectString =
      'jsondata=' + JSON.stringify(pdfData);

    await coreReport.load(report);
    

    const doc = await coreReport.run();
    const result = await PdfExport.exportDocument(doc, {} as PdfExport.PdfSettings);
    result.download('asd');
  • 페이스북으로 공유
  • 트위터로  공유
  • 링크 복사
  • 카카오톡으로 보내기

댓글목록

등록된 댓글이 없습니다.

3 답변

ReactJS Re: React 버전으로 Viewer 없이 PDF 내보내기 시, 한글 텍스트 및 공간 깨짐

추천0 이 글을 추천하셨습니다 비추천0

페이지 정보

작성자 GCK폴 작성일 2023-02-08 14:51 댓글 1건

본문

안녕하세요 그레이프시티입니다.


PDF에 한국어 폰트를 적용하기 위해서는 아래와 같은 방법을 이용하셔야 합니다.

https://dev.grapecity.co.kr/bbs/board.php?bo_table=arjs_o_study&wr_id=13 

이렇게 하시고 동일한 문제가 발생하신다면 다시 한번 문의를 주시기 바랍니다.


감사합니다. 

그레이프시티 드림

댓글목록

호로로로님의 댓글

호로로로 작성일

해당 게시글(https://dev.grapecity.co.kr/bbs/board.php?bo_table=arjs_o_study&wr_id=13 )을 보고 한거였는데 잘 안됐습니다. 해당 건의 경우 로컬 프로그램에서 fontsConfig를 넣지만, 저희의 경우 서비스에서 viewer 없이 이용자가 커스텀 버튼 클릭 하나로 pdf 출력을 하고 싶습니다. 이 경우, 로컬 프로그램(Mac의 경우 Application Support)에서 fontsConfig에서 할 필요가 없는게 맞을까요?
제가 원하는 것은 viewer 없이 자체적으로 만든 버튼에서 클릭시 바로 pdf를 export 할려고 해서, 위에 첨부한 폴더와 같이 React public 파일에 해당과 같이 fontsConfig.json을 사용하였고, 기존 activereportjs에서 제공해주는 Font인 (Times New Roman(영어), Helvetica(한글))을 사용하였습니다.
또한, 공간 여백에 있어서도 activereportjs viewer에서 테스트했을때랑 공간 여백이 달라서 혹시 해당 부분의 원인 및 해결방법을 알 수 있을까요? 감사합니다.

ReactJS Re: React 버전으로 Viewer 없이 PDF 내보내기 시, 한글 텍스트 및 공간 깨짐

추천0 이 글을 추천하셨습니다 비추천0

페이지 정보

작성자 호로로로 작성일 2023-02-09 20:19 댓글 0건

본문

해당 게시글(https://dev.grapecity.co.kr/bbs/board.php?bo_table=arjs_o_study&wr_id=13 )을 보고 한거였는데 잘 안됐습니다. 해당 건의 경우 로컬 프로그램에서 fontsConfig를 넣지만, 저희의 경우 서비스에서 viewer 없이 이용자가 커스텀 버튼 클릭 하나로 pdf 출력을 하고 싶습니다. 이 경우, 로컬 프로그램(Mac의 경우 Application Support)에서 fontsConfig에서 할 필요가 없는게 맞을까요?
제가 원하는 것은 viewer 없이 자체적으로 만든 버튼에서 클릭시 바로 pdf를 export 할려고 해서, 위에 첨부한 폴더와 같이 React public 파일에 해당과 같이 fontsConfig.json을 사용하였고, 기존 activereportjs에서 제공해주는 Font인 (Times New Roman(영어), Helvetica(한글))을 사용하였습니다.
또한, 공간 여백에 있어서도 activereportjs viewer에서 테스트했을때랑 공간 여백이 달라서 혹시 해당 부분의 원인 및 해결방법을 알 수 있을까요? 감사합니다.

댓글목록

등록된 댓글이 없습니다.

ReactJS Re: React 버전으로 Viewer 없이 PDF 내보내기 시, 한글 텍스트 및 공간 깨짐

추천0 이 글을 추천하셨습니다 비추천0

페이지 정보

작성자 GCK폴 작성일 2023-02-10 17:01 댓글 0건

본문

안녕하세요 그레이프시티입니다.



위 글에 올려드린 링크에서의 설명과 같이 PDF문서 제작시에는 별도의 폰트가 꼭 필요합니다.

PDF를 만들때에 폰트를 삽입해서 배포하는 과정이 필연적으로 포함되게 되는데 이때문에 폰트를 상용으로 사용할 수 있는 권한이 있어야 하며 그것은 사용자가 제품과 별도로 확보하셔야 하기 때문입니다.

보통의 경우 공개된 무료 폰트를 사용함으로 이 문제를 해결하고는 합니다.


또한 PDF를 뷰어 없이 내보낼때에는 이러한 폰트 정보를 포함하는 방법이 약간 다릅니다.

아래와 같이 추가해주시면 됩니다.

import { Core } from "@grapecity/activereports"; Core.FontStore.registerFonts("/assets/fontConfig.json") // replace the URL with the actual one 


좀더 자세한 내용은 아래의 링크를 참조해 주시기 바랍니다.

https://demo.grapecity.co.kr/activereportsjs/docs/GettingStarted/FontConfiguration 


또한 실제 예제는 아래의 링크를 참고하실수 있습니다.

https://demo.grapecity.co.kr/activereportsjs/demos/features/viewer-integration/react 


감사합니다. 

그레이프시티 드림

댓글목록

등록된 댓글이 없습니다.

메시어스 홈페이지를 통해 제품에 대해서 더 자세히 알아 보세요!
홈페이지 바로가기
메시어스 홈페이지를 통해 제품에 대해서 더 자세히 알아 보세요!
홈페이지 바로가기
이메일 : sales-kor@mescius.com | 전화 : 1670-0583 | 경기도 과천시 과천대로 7길 33, 디테크타워 B동 1107호 메시어스(주) 대표자 : 허경명 | 사업자등록번호 : 123-84-00981 | 통신판매업신고번호 : 2013-경기안양-00331 ⓒ 2024 MESCIUS inc. All rights reserved.