Editor Tool

[Umi Amira]

Hai,

I am facing issue with my editor.

1) Want to disable the editor while still being able to use the PDF and print function.

2) How to set mode as landscape and set name of file (.pdf) when I click "save as PDF".

3) When I click "print", my style doesn't display.

Please refer to the attached file, which is in .jsx format.

 

 

[Konstantin Dikov]

Hi Umi,

For your first question, you can make the Editor "read-only", which will still allow you to use the PDF export and print functionality:

• https://stackblitz.com/edit/react-uspjvd?file=app%2Fmain.jsx

Moving to your second question, the easiest way for customizing the PDF export would be by using a custom tool, where you can configure page size, name, orientation, etc. for the export (or even add an option for the user to enter a name before the export):

• https://stackblitz.com/edit/react-ddvxnn-uuwbtr?file=app%2FMyPrintTool.jsx

Regarding the print question, the Print tool is using the browser's printing option, so for example if you are trying to print on Chrome, you can click "More Options" and enable "Background graphics" to see the inline styles added by the Editor. Please note that we do not have control over the browser's printing functionality.

Hope this helps.

 

Regards,
Konstantin Dikov
Progress Telerik

[Umi Amira]

Thank you for your help. :)  Now i can solve all my issue