Description:
Enhance the existing StockForm component with a professional editor to allow editors to create comprehensive and visually appealing stock analysis posts. The editor should support functionalities like adding images, changing fonts, adding links, and previewing the content. You can utilize APIs like TinyMCE or integrate the existing Cloudinary & Multer middleware for image uploads or any other api as per your experties.
It's like implementing the some kind of same editor as provided by github for writting comments which has all features like preview, font change , upload images, addind liks and more.
This kind of editor ................
Tasks:
Frontend Integration:
Add functionality to upload images directly within the editor.
Ensure the editor supports changing fonts, adding links, and other rich text features.
Display a live preview of the blog post within the form.
Backend Integration:
Connect the image upload functionality to the existing Cloudinary upload function.
Ensure images are uploaded to Cloudinary when the editor submits the form.
Store the Cloudinary URLs in the database and link them to the corresponding stock post.
Form Submission:
Ensure that the StockForm includes the image URLs and other content when submitted.
Update the frontend to handle the response from the backend, including any error handling for failed uploads.
Acceptance Criteria:
Editors can upload images while writing or editing a stock post using the rich text editor.
Uploaded images are previewed in the StockForm.
Images are successfully uploaded to Cloudinary and linked to the stock post.
Proper error handling is in place for failed uploads.
Additional Notes:
The existing backend function for Cloudinary integration is located in the middleware/multer.middleware.js and util/cloudinary.js files.
The StockForm component is in the components/Stock/StockForm.js file.
Only users with the editor role have access to write blogs. Ensure role-based access is maintained while modifying the StockForm.
If you have any questions or need further clarification, please feel free to ask.
Description: Enhance the existing
StockForm
component with a professional editor to allow editors to create comprehensive and visually appealing stock analysis posts. The editor should support functionalities like adding images, changing fonts, adding links, and previewing the content. You can utilize APIs like TinyMCE or integrate the existing Cloudinary & Multer middleware for image uploads or any other api as per your experties.It's like implementing the some kind of same editor as provided by github for writting comments which has all features like preview, font change , upload images, addind liks and more.
This kind of editor ................
Tasks:
Frontend Integration:
Backend Integration:
Form Submission:
StockForm
includes the image URLs and other content when submitted.Acceptance Criteria:
StockForm
.Additional Notes:
middleware/multer.middleware.js
andutil/cloudinary.js
files.StockForm
component is in thecomponents/Stock/StockForm.js
file.StockForm
.If you have any questions or need further clarification, please feel free to ask.
Editor Login Details: