Trình soạn thảo Editor của forum

Xây dựng diễn đàn tốt hơn
Hình đại diện của thành viên
fanzoan
Site Admin
Bài viết: 19
Ngày tham gia: Thứ 3 Tháng 1 22, 2019 12:17 pm

Thứ 6 Tháng 3 01, 2019 12:52 pm

Mình có thử 1 vài trình soạn thảo WYSIWYG dành cho phpBB, nhưng phần lớn vẫn còn tồn tại 1 vài lỗi nào đó, do vậy quyết định quay lại với trình soạn thảo mặc định (có chỉnh sửa và thêm BBcode), tuy có thể khiến bạn gặp 1 chút khó khăn, nhưng nếu quen rồi thì sẽ thấy thú vị, cũng như hoạt động ổn định hơn.

Cách thực hiện
Bạn chỉ cần gõ text xong xuôi, sau đó muốn markup chỗ nào đậm nhạt, màu sắc ra sao, căn chỉnh thế nào thì bôi đen và click vào các thẻ BBcode tương ứng ở trên

Ví dụ chữ "Cách thực hiện" ở trên được bôi đậm thế này

Mã: Chọn tất cả

[b]Cách thực hiện[/b]
Add ảnh vào forum
Server không được lớn lắm, nên sẽ chỉ cho phép up ảnh qua URL, bạn có thể up ảnh ở các server khác, rồi add direct link vào trong thẻ img

Hoặc cũng có thể up ảnh từ máy tính bằng cách ấn vào , hệ thống sẽ tự tạo link và add ảnh cho bạn.

Mặc định mình đã để căn lề đầy đủ (justify) nên văn bản đã được căn đẹp mắt, nếu cần căn giữa thì các bạn mới cần đặt thêm thẻ [center]

Trong quá trình soạn thảo có thể ấn vào nút "Xem trước" ở bên dưới để xem văn bản của mình sẽ ra sao, để có chỉnh sửa phù hợp hơn.

Nếu có update về trình soạn thảo, mình sẽ update tới các bạn, còn không thì đây sẽ là khung làm việc chính của chúng ta nhé. Thanks

Mã: Chọn tất cả

[b][/b] chữ đậm
[i][/i] chữ nghiêng
[u][/u] chữ gạch chân
[quote][/quote] trích dẫn bài viết
[code] viết code (như đoạn này đang dùng code)
[list][/list] danh sách đầu mục, mỗi 1 đầu mục sẽ thêm [*] vào trước
[list=][/list] danh sách đầu mục, (sau dấu = gõ 1 hoặc a), mỗi 1 đầu mục sẽ thêm [*] vào trước
[*] đầu mục
[img][/img] add ảnh với direct link
[url][/url] add URL
[flash=][/flash] add flash
[color=#000000][/color] tuỳ chỉnh màu
[size=100][/size] tuỳ chỉnh cỡ chữ, có thể thay đổi giá trị sau dấu bằng theo ý muốn
[a_center][/a_center] căn giữa
[b_font][/b_font] chọn font chữ. Ví dụ [b_font=Arial]
[c_hr][/c_hr] tạo dòng kẻ
[d_img][/d_img] add ảnh với direct link với tuỳ chỉnh kích thước. Ví dụ [d_img=20x20]
[e_mention][/e_mention] tag thành viên diễn đàn
[f_youtube][/f_youtube] add video từ link Youtube


Giải pháp cho doanh nghiệp
Bảo mật doanh nghiệp
Hoá đơn điện tử