MediumEditor - Thanh công cụ chỉnh sửa văn bản nội tuyến cho Web
Mọi người biết Trung bình.com và nền tảng blog cực kỳ phổ biến của họ. Họ định nghĩa lại rất nhiều ý tưởng trong thế giới thiết kế và bạn có thể tìm thấy rất nhiều hướng dẫn dạy bạn cách sao chép thiết kế của họ.
Một công cụ bạn có thể thích là Plugin MediumEditor dựa trên JavaScript thuần túy. Nó cho phép bạn thêm một trình soạn thảo văn bản nội tuyến tùy chỉnh đến bất kỳ trang nào có cùng thiết kế với trang blog Medium. Vì vậy, bạn có thể cho phép người đọc in đậm, in nghiêng, thêm liên kết, tiêu đề và khá nhiều thứ khác, với một thanh công cụ trực quan đơn giản.
Lưu ý rằng dự án này không liên kết với Medium theo bất kỳ cách nào vì vậy nó không phải là một plugin chính thức.
Nó được tạo ra bởi một người hâm mộ của trang web và một người yêu thích phong cách thiết kế Medium. Bạn có thể tìm hiểu thêm về thiết lập trên GitHub lưu trữ tất cả các mã, hoàn toàn miễn phí để sử dụng.
Biên tập viên hoạt động trong tất cả các trình duyệt chính, bao gồm phiên bản hiện tại của Microsoft Edge và IE. Nó thậm chí còn hỗ trợ các phiên bản Internet Explorer cũ hơn, có từ IE7. Khùng!
Cài đặt là một cách dễ dàng, nơi bạn có thể kéo tất cả các tập tin trực tiếp thông qua npm hoặc Bower, hoặc thậm chí sử dụng CDN trực tuyến miễn phí chẳng hạn như JSDelivr.
Sau đó, bạn sẽdd cả tệp CSS và JavaScript đến tiêu đề của trang web của bạn. Dễ như ăn bánh.
Từ đó, bạn gọi biên tập viên với một dòng mã:
var Editor = new MediumEditor ('. có thể chỉnh sửa'); Bạn có thể vượt qua danh sách các yếu tố trang chỉ nên làm việc với trình soạn thảo, hoặc bạn có thể hãy để nó chạy trên toàn bộ trang.
Có lẽ việc sử dụng thực tế nhất của plugin này là tạo một số loại trình soạn thảo WYSIWYG cho một ứng dụng web.
Nó không xử lý truyền dữ liệu qua lại giữa máy chủ và máy khách, vì vậy bạn sẽ cần phải tự tạo logic đó. Tuy nhiên, plugin này dễ dàng hơn nhiều so với bắt đầu từ đầu.
Nếu bạn cuộn xuống cuối trang thử nghiệm MediumEditor, bạn sẽ tìm thấy danh sách các phần mở rộng bạn có thể kiểm tra là tốt. Bao gồm các chỉnh sửa markdown đầy đủ, cùng với Nút kiểu trung bình và các tính năng giao diện khác.
Plugin này rất được khuyến khích cho bất kỳ người hâm mộ nào của Medium muốn sao chép một số UX của họ trong một dự án khác.
