search

xqdoo00o / chatgpt-web

Pure Javascript ChatGPT demo based on OpenAI API
https://xqdoo00o.github.io/chatgpt-web/
MIT License
963 stars 364 forks source link

how ??? #105

Closed CycloneAddons closed 11 months ago

CycloneAddons commented 11 months ago

How i can make it if the ai response contain a link of image it automatically show in webpage with other text like

this is ai response

Sure, here is your image 
https://www.bhg.com/thmb/xktLhC5JenSEcBglx37FSUumqTo=/1244x0/filters:no_upscale():strip_icc()/stone-walkway-leading-garden-ccab4820-64cc37892feb45a58001bc53f6ba7aeb.jpg

i want 

Sure, here is your image 
<img src="https://www.bhg.com/thmb/xktLhC5JenSEcBglx37FSUumqTo=/1244x0/filters:no_upscale():strip_icc()/stone-walkway-leading-garden-ccab4820-64cc37892feb45a58001bc53f6ba7aeb.jpg>

i mean directly imAGE SHOW HERE

CycloneAddons commented 11 months ago

PLEASEEE TELL ME

xqdoo00o commented 11 months ago

add prompt "response the img with markdown format"

CycloneAddons commented 11 months ago

Like ?? Can u give me example

CycloneAddons commented 11 months ago

Please

CycloneAddons commented 11 months ago

Will it display the image ??????? ![img Name](img URL)

xqdoo00o commented 11 months ago

"Your original input", response the image with markdown format html element image does not directly show, but markdown image does

xqdoo00o commented 11 months ago

Will it display the image ??????? ![img Name](img URL)

Yes. It's markdown format image

CycloneAddons commented 11 months ago

THANKS IT IS SENDING BUT IMG SIZE IS TOO BIG. IT CAPTURE HOLE SCREEN ANY WAY TO MAKE ITS SIZE NORMAL WITH CSS

CycloneAddons commented 11 months ago

is there any way to send response when the image link ready of delay for 10s i am generating image from replicate && also how i can execute it if the any word about imagine , generate i mean it automatically understand it is asking for image because generate , IMAGINE can use for other thing

xqdoo00o commented 11 months ago

THANKS IT IS SENDING BUT IMG SIZE IS TOO BIG. IT CAPTURE HOLE SCREEN ANY WAY TO MAKE ITS SIZE NORMAL WITH CSS

Test the img default automatic width, if the image exceed whole window width, it shows in window width, if not, it shows original width. What is your meaning of SIZE NORMAL ? How to define NORMAL?

CycloneAddons commented 11 months ago

I just want to know that from which line of code convert markdown format to append image

CycloneAddons commented 11 months ago

And how the code generated by gpt shown in code block format

xqdoo00o commented 11 months ago

I just want to know that from which line of code convert markdown format to append image

It's a js library named "markdown-it"