làm thế nào để sử dụng tinymce với hình ảnh trên trang web của tôi như stackoverflow hiện

Question

tôi có tinymce nhúng vào trang web của tôi, vì vậy nếu người dùng muốn chỉnh sửa nội dung, sau đó có thể bấm vào một "EDIT" liên kết và nó sẽ trả về nội dung trong trình soạn thảo tinymce. khi họ nhấp vào "Lưu", tôi lưu html vào cơ sở dữ liệu. điều này làm việc hoàn hảo và tránh họ gọi cho tôi khi họ cần thay đổi nội dung khi họ có thể vào trực tiếp và lần sau khi họ tải lại trang chính, nó tải lên nội dung đã thay đổi của họ.

giờ đây họ muốn có thể thêm hình ảnh của riêng họ. Tôi thấy có some image support in tinymce as seen here, nhưng trong trường hợp của tôi, các hình ảnh sẽ có trên máy tính của họ.

Vì vậy, tôi đang tìm một số lời khuyên về cách xử lý hỗ trợ hình ảnh sử dụng TinyMCE trên trang web MVC asp.net của tôi tương tự như cách stackoverflow cho phép bạn tải lên và bao gồm một hình ảnh trong câu hỏi của bạn tất cả trong một bước

bất kỳ đề xuất?

Answer 1

Tôi gặp sự cố tương tự và đã giải quyết nó;

Cho phép người dùng tải lên hình ảnh mà tôi được lưu trữ trong hệ thống tệp.

Khi hình ảnh đã được lưu, bạn có thể sử dụng tinyMCE để liên kết với nó.

Đó là cách làm tròn nhưng vẫn hoạt động. Nếu hình ảnh của bạn được lưu trữ trên máy tính người dùng thì bạn sẽ cần phải thực hiện một cái gì đó như thế này tôi nghĩ rằng bạn không thể giả sử bạn có thể liên kết đến hình ảnh và nếu bạn có thể bạn không thể chắc chắn máy tính sẽ được bật .

Answer 2

Tôi đoán bạn cần phải có một cái nhìn ở đây:

Best TinyMce editor Image Manager/File upload for Asp.net Mvc

nó có một danh sách các tập tin TinyMCE trình duyệt/uploaders/nhà quản lý mà làm việc với MVC :)

Answer 3

lẽ bạn có thể cung cấp cho này TinyMCE-cắm thử (các plugin chính thức Moxiecode khá đắt tiền):

http://www.phpletter.com/Demo/Tinymce-Ajax-File-Manager/

Tôi chưa thử nghiệm, nhưng đó là một tiện ích miễn phí cho phép tải lên và chọn tệp.

Answer 4

HTML 5 hỗ trợ hình ảnh được nhúng. Bạn có thể nhúng hình ảnh trong mã html dưới dạng chuỗi base64. Ví dụ Code:

<img src="data:image/gif;base64,R0lGODlhDwAPAKECAAAAzMzM/////wAAACwAAAAADwAPAAACIISPeQHsrZ5ModrLlN48CXF8m2iQYmmKqVlRtW4MLwWACH+H09wdGltaXplZCBieSBVbGVhZCBTbWFydFNhdmVyIQAAOw==" alt="Base64 encoded image" width="150" height="150"/> 

Có một TinyMCE Plugin opensource sẵn trong github:

https://github.com/buddyexpress/bdesk_photo