Làm thế nào để paste được hình ảnh vào thẻ textarea
Đầu xuân năm mới, Xin gửi lời chúc tốt đẹp nhất tới tất cả thành viên trong diễn đàn.
Kế đó, mọi người cho mình hỏi trong ReactJs
có cách nào cho phép người dùng có thể paste
được cả text lẫn image
vào trong thẻ textarea
được không vậy ?
Mình search Google thì có cách thay bằng thẻ div
với thuộc tính contenteditable="true"
:
<div contenteditable="true" class="rgtDiv"></div>
Nhưng cái này lại không có sự kiện onChange
để set lại State
khi người dùng nhập vô.
Vậy không biết có cách nào khác không mọi người .
5 CÂU TRẢ LỜI
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.
cám ơn bạn, mình đang dùng thử cái edit mwysiwyg
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
cám ơn bạn, mình đang dùng thử cái edit mwysiwyg
- Tạo một event 'paste'
- Khi nhận data từ event, tạo một element từ data tương ứng (text or img) (..hoặc update state).
- *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
dạ cám ơn anh, mà cái này hình như đâu có liên quan đến cái e hỏi đâu ạ