Cách thêm kiểu vào nội dung TinyMCE & Markdown
Nhiều nhà văn thích làm việc ở Markdown bởi vì đó là một ngôn ngữ đơn giản hơn với ít chướng ngại vật hơn để leo lên. Cấp nó là xa hoàn hảo, nhưng nó cung cấp một cái nhìn rõ hơn về văn bản của bạn với sự dễ dàng của xuất thành HTML.
Thật không may, các kiểu Markdown mặc định thường khá nhàm chán. Nhưng với thư viện wysiwyg.css, bạn có thể có một tài liệu sôi động không có thời gian.
Thư viện CSS miễn phí này chuyển đổi tất cả nội dung TinyMCE hoặc Markdown cơ bản của bạn thành các khối HTML dễ định dạng, dễ đọc.
Bạn không cần biết bất kỳ HTML / CSS phức tạp nào để sử dụng plugin này. Đơn giản bọc nội dung được tạo thành một div với lớp .wysiwyg, và bạn đã sẵn sàng.
Khó khăn thực sự là xây dựng một ứng dụng sẽ tự động hóa quá trình này hoặc thêm thư viện này vào phần phụ trợ cho bảng quản trị người dùng.
Tuy nhiên, khả năng là vô tận, và bạn thậm chí có thể sử dụng cho công việc viết lách nếu bạn muốn xuất nội dung của bạn từ Markdown sang HTML.
Theo mặc định, thư viện CSS này có hỗ trợ cho mọi thẻ HTML chính có thể tưởng tượng. Điều này bao gồm tất cả các tiêu đề, danh sách, liên kết, thẻ pre / code, số liệu và thậm chí các thẻ bán tối nghĩa như và . Có một danh sách đầy đủ trong repo GitHub nếu bạn muốn xem thử.
Nếu bạn xác định phong cách typographic của riêng bạn, chúng thậm chí có thể viết lại các thiết lập mặc định trong bản định kiểu. Vì vậy, bạn có thể nhận được tất cả những lợi ích của wysiwyg.css trộn với các lựa chọn phông chữ của riêng bạn.
Thư viện cũng không thể dễ dàng hơn để thiết lập. Chỉ tải về một bản sao tại địa phương hoặc là kéo nó trực tiếp sử dụng npm cài đặt wysiwyg.css
Từ đó, bạn chỉ cần bao gồm tệp CSS trong đầu tài liệu của bạn và để cho nó chạy. Nó sẽ chỉ nhắm mục tiêu nội dung bên trong một container với lớp .wysiwyg, Vì vậy, lớp này nên bọc bất cứ thứ gì bạn muốn.
Thư viện vẫn đang cập nhật bán thường xuyên, để bạn có thể tìm thông tin cập nhật gần đây trong repo GitHub chính. Và nếu bạn có đề xuất hoặc ý tưởng cho các cập nhật mới, hãy chia sẻ với người sáng tạo Jeremy Thomas trên trang Twitter của mình @jgthms.
