Làm thế nào để paste được hình ảnh vào thẻ textarea

bạn có thể dùng một wysiwyg editor để biến textarea có thể paste ảnh và text. cố gắng customize nó để cho đúng mong muốn.

Một div thì không có onChange là đúng rồi. Bạn dùng thử onPaste xem có tác dụng không. Tuy nhiên, bài toán của bạn không phải thiết kế của các thẻ HTML và JSX chuẩn, nên có thể sẽ gặp nhiều vấn đề phát sinh. (textarea thì chỉ dùng để nhập text), muốn có một input tốt cho phép nhập cả ảnh thì gần như bắt buộc phải sử dụng một edit mwysiwyg. Mình nghĩ bạn chịu khó tìm thì sẽ có thư việc cho react luôn, không phải custom gì đâu

1. Tạo một event 'paste'
2. Khi nhận data từ event, tạo một element từ data tương ứng (text or img) (..hoặc update state).
3. *Gắn element đã tạo vào nơi bạn muốn.

Thực ra cái gọi là hình ảnh "trong" thẻ textarea là bạn đặt position: relative với position: absolute thôi. Bạn đặt position: absolute cho thẻ textarea và relative cho ảnh(nếu có). Đấy là giải pháp của mình. Tức là 3 component gồm có 1 component up ảnh, 1 component hiển thị ảnh và 1 component textarea. Khi component up ảnh ko được dùng thì textarea vẫn là textarea bth. Còn khi component up ảnh được tương tác và có ảnh up lên thì component hiển thị ảnh sẽ hiển thị ảnh "trong" textarea tại vị trí bạn mong muốn. Bạn hiểu ý mình chứ?

Thông thường hình ảnh được chèn chủ yếu trong bài viết và có chú thích nội dung để được google index. Hiện tại, đối với thuật toán của google thì không thể hiểu được nội dung hình ảnh. Google chủ yếu hiểu nội dung của bài viết và hình ảnh có chú thích http://minhgiahuy.com/san-xuat-ao/co-so-may-ao-thun-ca-sau/ như trang web trên của mình mình cũng chủ yếu dùng hình ảnh có chú thích và xử lý cho hình đẹp chút để thu hút bạn đọc