Giới thiệu:
zEditor là một editor nhẹ và độc lập với nhiều chức năng mới so với editor cũ, được phát triển bởi Zero. zEditor hỗ trợ hầu hết mọi phiên bản forum hiện nay (trừ phpBB2). Với zEditor, bạn có thể thực hiện mọi thao tác như chỉnh sửa, gửi bài mới...một cách nhanh chóng và không chuyển trang. Hơn thế nữa, zEditor sẽ tự động cập nhật bài viết bạn đã gửi và bài viết bạn đã chỉnh sửaProject Page:
https://github.com/mysticzero/zEditorLicense:
MIT licenseDemo:
- Spoiler:
Hướng dẫn cài đặt js và css:
Bước 1:
Xoá phiên bản cũ của zEditor và tải latest release ở đây, unzip và mở latest.js và latest.cssBước 2:
Tạo javascript mới trên trang của bạn đặt ở In all the topics, cho tất cả nội dung của tập tin latest.js vào javascript vừa tạo. Cho tất cả nội dung của tập tin latest.css vào CSS, kéo xuống dưới tìm Optimize your CSS, chọn KhôngBước 3:
Vào lại javascript vừa tạo ở trên, tìm chỗ version = 'punbb';, đổi punbb thành phiên bản forum bạn đang xài (lowercase)Huống dẫn cài đặt templates:
Bước 1:
Backup viewtopic_body trước khi làmBước 2:
Vào viewtopic_body tìm {postrow.displayed.MESSAGE}, thay thành- Code:
<span class="zeditor-message"><span>{postrow.displayed.MESSAGE}</span></span>
Bước 3:
Tìm tiếp <!-- BEGIN displayed -->, bên dưới có 1 dòng như thế này <div class="post post--{postrow.displayed.U_POST_ID}"{postrow.displayed.THANK_BGCOLOR} style="{postrow.displayed.DISPLAYABLE_STATE}">, thay thành- Code:
<div class="post post--{postrow.displayed.U_POST_ID}"{postrow.displayed.THANK_BGCOLOR} style="{postrow.displayed.DISPLAYABLE_STATE}" id="p{postrow.displayed.U_POST_ID}">
Bước 4:
Tìm <!-- BEGIN switch_signature -->, trên dòng đó có dòng </div>, cho code dưới đây ở trên dòng đó[/h4]- Code:
<div class="zeditor"></div>
Bước 5:
Tìm- Code:
<div class="post-options">
{postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}</div>
- Code:
<div class="post-options zeditor-buttons">
{postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}</div>
Đăng ký sử dụng IMGUR
Vào https://api.imgur.com/oauth2/addclient bạn có thể đăng nhập sử dụng facebook và twitter. Điền tên và email, chon OAuth2 without a callback URL. Sau đó copy cái secret ID, mở cái zeditor script ra, tìm 652tì6528448c258cff474ca9701c5bab6927 rồi thay nó = với cái secret ID vừa copyGhi chú:
- lang chứa những từ được sử dụng trong zeditor, bạn chỉ cần đổi giá trị của nó thành từ mà bạn muốn hoặc ảnh. Ví dụ, mình muốn đổi nút Smilies thành nút có ảnh, mình đổi giá trị <img src='https://2img.net/i/fa/i/smiles/icon_biggrin.png' title='Hình vui' />- Thêm đoạn css dưới đây để làm cho reply và pm button nằm bên trái cho phpBB3 và Invision[/h4]
- Code:
.pbutton{float:left}