Hide photo in draftjs editor - reactjs

I would like to show a link in the DraftJs editor after uploading image, instead of displaying the whole image in the editor (similar as it is when uploading a photo on StackOverflow or GitHub). I am using react-draftjs-wysiwyg.
In this example I would like to display the link of the photo instead of the photo.

Related

While generating pdf using angularjs, in preview i can see the colored PDF but after downloading i cannot see the colored pdf

While generating pdf using angularjs, in preview i can see the colored PDF but after downloading i cannot see the colored pdf, the pdf content is in black and white, can anyone suggest what can be done so that the color would get apply to the pdf.

Specific Image Crashing DraftJS WYSIWYG

I have implemented a DraftJS - WYSIWYG component on my site but during testing noticed that pasting a specific image inside crashes the component.
Since StackOverflow text editor won't let me paste the image here, you can find it at this link. It's the banana image at the beginning of the paragraph.
Pasting it into the official demo component available on the project site crashes the component as well.
This component is however based on Facebook's Draft JS package, which handles this scenario quite well and replaces the pasted image with a camera icon image.
How can I go about escaping these dangerous pastes?

Save as PDF button for my quill reactjs app

I used quill to make a text editor and I want a button and if user click on that button, it should save that quill document as a pdf. How can I do that? I made print like in css I made ql-toolbar display none if #media print. but I want as save as pdf. I know they can give print and choose printer save as pdf and save it. but I want it as button. I used reactjs

How to change main image slider using thumbnail image on click in react native?

I had Created an E-commerce app like Flipkart moreover I have to create the product image. Whenever I click on the bottom thumbnail image the main image needs to be changed dynamically. I have attached the screenshot here for the reference.

how to show TextBox in react native to display HTML content in textbox like <img> with Text?

i working on messaging mobile app in react native which uses data from backend using web services.
now i have to add stickers and smilies which are in png formate.
using this user can pick that emojis and add in text box and write text as user wants then sent it on send button.
when i receive that message it comes in string like. string:<img src=="url of image">message text
but as in react native there is no possible in text input to show images in html formate.
is there any third party library or something to show html text box like web application here is the screen shots of web application. i want to show text input in mobile app like in web application.
this smilies is custom png smilies and that smilies i need to use in mobile app.
i am stuck here please i need solution?

Resources