Yêu cầu thg 2 8, 2019 10:23 SA 787 1 5
  • 787 1 5
0

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

Chia sẻ
  • 787 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 CÂU TRẢ LỜI


Đã trả lời thg 2 12, 2019 1:26 SA
+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.

Chia sẻ
Avatar Anh Tran @thanh_tuan
thg 2 17, 2019 2:44 SA

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

Đã trả lời thg 2 14, 2019 1:45 SA
+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

Chia sẻ
Avatar Anh Tran @thanh_tuan
thg 2 17, 2019 2:43 SA

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

Đã trả lời thg 2 16, 2019 9:18 SA
+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.
Chia sẻ
Đã trả lời thg 2 10, 2019 4:55 CH
-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ứ?

Chia sẻ
Đã trả lời thg 2 9, 2019 12:13 CH
-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

Chia sẻ
Avatar Anh Tran @thanh_tuan
thg 2 10, 2019 7:04 SA

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 ạ

Viblo
Hãy đăng ký một tài khoản Viblo để nhận được nhiều bài viết thú vị hơn.
Đăng kí