Asked Feb 8th, 10:23 AM 194 1 5
  • 194 1 5
0

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

Share
  • 194 1 5

Đầ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 ANSWERS


Answered Feb 12th, 1:26 AM
+2

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.

Share
nguyen thanh tuan @thanh_tuan
Feb 17th, 2:44 AM

cám ơn bạn, mình đang dùng thử cái edit mwysiwyg

0
| Reply
Share
Answered Feb 14th, 1:45 AM
+2

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

Share
nguyen thanh tuan @thanh_tuan
Feb 17th, 2:43 AM

cám ơn bạn, mình đang dùng thử cái edit mwysiwyg

0
| Reply
Share
Answered Feb 16th, 9:18 AM
+1
  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.
Share
Answered Feb 10th, 4:55 PM
-4

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ẻ textarearelative 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ứ?

Share
Answered Feb 9th, 12:13 PM
-7

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

Share
nguyen thanh tuan @thanh_tuan
Feb 10th, 7:04 AM

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 ạ

0
| Reply
Share