creating a document with react-docx using uploaded .docx file - reactjs

So I have a simple, single-page React app. I want to be able to let users drop an MS Word (.docx) file onto a dropzone and then let them download an edited version of their file.
I got the dropzone working and now can access the files in my JS code, and I'm trying to use react-docx to edit the document. It seems that this is a React version of docx.js. However, I only see ways to create brand new documents, not any way to "load in" old ones for editing.
I don't want to start a document from scratch. Is there any way to make a new document using the file that is uploaded?
Anyone is appreciated who has expertise on this or just has a completely better idea for how to achieve my goal.

Related

ReactJS document scanner

I am new to Reactjs i am searching for a library that can be used to scan the documents from the scanner and show a preview in the react application and once i click save i need to save the preview as a pdf file.
I have looked at the options like Dynamic web TWAIN but it needs to be paid once the trial period is completed.
I would like to know is there are any open-source libraries or approaches to tackling my problem.
Thanks in advance.

Does my mobile app need a database or should I save everything to files instead?

I have created a video editor using React Native. I need to choose a way to save all of the user's projects locally. Each project has a video file, thumbnails (images) and its current Redux state.
My first idea is to save everything in files using RNFS. Each Project's folder would have a video file, Thumbnails folder and a state.txt file containing my application's current state (current text size selected, background color, etc...).
Do I need a database like SQLITE or should I save everything in files? I know I'll have to use RNFS for the binary data like videos and images. But what about the state.txt file? is that a good idea? The idea of each user having their own local database just for that sounds strange to me.
You have your Redux state that just represents local state. Have a look at https://github.com/rt2zz/redux-persist
This allows you to serialize the Redux State and save it using whatever storage you provide, but you can use asyncStorage in the react native apps.
You are right about using RNFS for videos etc. For the metadata in state.txt, in my opinion, it would be better to go with async-storage or other offline storage options (like Realm )
It will be much more performant to query it instead of reading from a file.

Adding local image in Jupyter SQL notebook

Started using Azure data studio and creating documentation for some SQL processes in our system.
As part of that I need to include a flow diagram in the document. Currently I have uploaded an image to a URL and am able to embed the image in document from the URL.
But is there any way to include an image from a local folder? Please assist.
I think this is what you want.
from IPython.display import Image
Image(filename='C:/your_path/your_image.PNG',width=200, height=100)
I was interested in this also. Syntax should be (if you store images in subfolder relative to notebook):
![ssms_subquery](images/16_ssms_subquery.png)
This didn't work for me initially: rendered as a broken image icon.
Things I tried:
Make sure you have a workspace defined for your root folder. Create the folder, then select "File > Add Folder to Workspace ..."
If that does nothing, try closing and restarting ADS. I've found the rendering to be flaky from time to time after awhile or if you have been opening/closing notebooks a lot.
Related topic has been discussed previously for markdown in general (but worth asking again for ADS!), eg. How to display local image in markdown

How to embed excel worksheet in a webpage

I am working on a web application and one of the features I want to add to the application is working with excel within the web app...
the generic idea is basicly : there is an excel file sitting on a server and it can be displayed on the webpage.. people can edit the file and save it back to the server.. (it will have all of the functionality of Excel itself..)..
is there a way to embedd an excel file / any excel plugin exist? or maybe any alternative to excel that will give me the same functionality?
Thank you very much!
*Important - I want to be able to do that on a localhost without a thirdparty like skydrive/google docs or etc... i want their functionality but all within a local host.. (you can edit the sheet, post a save request and it will update the file residing in the server..)
You can use Google Docs. This article explains pretty well, at least, gives
a general idea.

How should images be saved using express? Database, or just file?

I am using basically the mean stack. I'm also using multer but I am trying to see what the best practices are. Using Angular I can upload photos fine and they are going to a folder on my file system. From here I can just view them. However I'm wondering what the best practices are. Should I save the image url to a database along with the size and other properties or should I just pull them from the client? I've seen some solutions but they were from about 2 years ago so I wanted to make sure I'm current.
I have used ng-file-upload upload on the angular part and Multer on the node.js part to handle images for my system.
The method is appropriate and you can go ahead without any doubt.
Most of the websites on the internet follow the same method, they save the images in the file disk system and then they save it's url in the respective database.
Using multer you can have all information required for a photo and the module is really flexible with a lot many options.
I think you should go ahead with what you have in mind. Best of luck.
You just save the image url from the directory, where image is stored. If you need any information, you can get the information from the image where image is stored (Get image from url). So just save image url into database.

Resources