I'm trying to achieve the following:
Overlay some text on top of a PDF
Edit that text using an input field (outside the PDF)
Update the PDF in real-time, without re-loading the entire PDF, i.e. a partial re-render
I've built a demo showing what I'm trying to achieve - this reloads the entire PDF when you type in the input.
https://react-pdf-demo.vercel.app
My question is: is this feasible? If so, how can I achieve it?
Related
I am trying to convert the content of my page (which is an image with dynamic tables ( the number of tables can change) and to view all the tables you need to scroll inside a DIV ) to a pdf file. I wasn't able to find something useful and easy since I'm new to React.
Can you help me, please?
I'm looking for a method to create well styled word document using ReactJs.
More information.
I've designed a layout in the exact same size of an A4 sheet. There are input boxes that users can input the information to that layout. after entering all the required information. I need to provide a method to export the current layout in to a Ms Word (.doc or .docx) document.
I've attached an image (taken from the internet) to show what kind of layout that I'm creating in React. I need the same to be in the word document with exactly the same styles.
Example Layout
Hoping a solution, thank you. 😇
I Have a requirement to show a user entered text/feedback on my Lightning component (UI) , initially i did a tool tip but it kind of truncates the text and I want to be able to show the whole text . what are my other options here in salesforce?
Tooltil is lightning help text and that should adjust item inside it automatically unless custom css is used
Did you look at the form element: https://www.lightningdesignsystem.com/components/form-element/
The question needs to have more details.
How do I get current typing text in Text Editor and give auto complete like mention or hashtag in draftjs
here is simple
https://codesandbox.io/s/jovial-newton-hn18i
I tried autocomplete it enable on separate input field not in the Editor,
So is their a better way to achieve auto complete (give dropdown ) in draftjs
you can find what you are asking for with Decorators concept in draft.js
which consist of fo two core things a strategy function where you put your logic
and a custom component
http://davidandsuzi.com/how-to-use-draft-decorators/
I am displaying pages of a PDF using react-pdf in my application. I have a button called 'add marking', which when clicked, should give the ability to add a mark (small circle component) on the PDF page at the location where I click.
I'm confused with how I should be approaching the problem. I am particularly stuck with what is the best way to get the x and y coordiantes of the click on the pdf. I want the mark to be the same wrt the pdf at all times.