[zEditor] zEditor 1.7.1 [Tiếng Việt]

  Bài viết hay nhất1

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ửa

Project Page:

https://github.com/mysticzero/zEditor

License:

MIT license

Demo:

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.css

Bướ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ông

Bướ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àm

Bướ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}">
Nếu không có dòng đó thì bạn tìm cái thành phần bao bọc bài viết (của mình là <div class="post"></div>), rồi thêm id="p{postrow.displayed.U_POST_ID}" vào thành phần đó, bạn chỉ cần duy nhất một p{postrow.displayed.U_POST_ID} trong viewtopic_body, nếu dư thì xoá cái dư đó.

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>
Dòng code ở trên là định hướng nơi editor sẽ hiện ra, mấy bạn thích bỏ ở đâu thì bỏ. Mình thích nó nằm dưới nội dung bài viết nên mình cho nó nằm dưới thành phần <div class="post-entry"></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>
Đổi thành
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>
Mấy cái trên là variable cho buttons của 1 post. Nếu tụi nó nằm trong 1 thành phần rồi, thêm vào class zeditor-buttons vào phần tử đó. Nếu không, cho tất cả vào <div class="zeditor-buttons"></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 copy

Ghi 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}
- Phiên bản mình đang làm sẽ nằm trong thư mục work in process, nếu bạn muốn dùng phiên bản mới thì vào đó  :P
  Bài viết hay nhất2
đả test thành công ko lỗi
  Bài viết hay nhất3
Hàng ngon :v Đem về Test :3
  Bài viết hay nhất4
Anh thêm chức năng Quote With Link huynh Vong đã Share đc ko ạ?
  Bài viết hay nhất5
KirigayaKazuto wrote:Anh thêm chức năng Quote With Link huynh Vong đã Share đc ko ạ?
Cái đó phải đợi phiên bản sau.
  Bài viết hay nhất6
Color ko load ' '~
  Bài viết hay nhất7
Báo lỗi + Góp ý:


  • Color ko load
  • Edit bài lớn ko đc
  • Lúc bấm send nên thêm hiệu ứng Loading
  • Uploading...

  Bài viết hay nhất8
KirigayaKazuto wrote:Báo lỗi + Góp ý:


  • Color ko load
  • Edit bài lớn ko đc
  • Lúc bấm send nên thêm hiệu ứng Loading
  • Uploading...

1) Fixed
2) Bấm send không tự động cập nhật bài? Không hiện ra editor khi bấm edit? Bấm send nhưng khi reload lại trang bài chưa được edited?
3) Không cần. Khi bấm send, editor sẽ tự ẩn vì vậy không cần hiệu ứng loading
4) Sẽ thêm vào bản 1.4
  Bài viết hay nhất9
Zero wrote:2) Bấm send không tự động cập nhật bài? Không hiện ra editor khi bấm edit? Bấm send nhưng khi reload lại trang bài chưa được edited?
3) Không cần. Khi bấm send, editor sẽ tự ẩn vì vậy không cần hiệu ứng loading

2. Nhấn vào Edit nó hiện ra cái Editor và loading nhưng sau khi xong nó không hiện (Chỉ 1 khung trắng bóc)
3. Em không thấy nó ẩn ' '~
  Bài viết hay nhất10
KirigayaKazuto wrote:
Zero wrote:2) Bấm send không tự động cập nhật bài? Không hiện ra editor khi bấm edit? Bấm send nhưng khi reload lại trang bài chưa được edited?
3) Không cần. Khi bấm send, editor sẽ tự ẩn vì vậy không cần hiệu ứng loading

2. Nhấn vào Edit nó hiện ra cái Editor và loading nhưng sau khi xong nó không hiện (Chỉ 1 khung trắng bóc)
3. Em không thấy nó ẩn ' '~
2) Đã fix. Sẽ cập nhật khi cái vấn đề bên dưới sửa xong
3) Forum + nick test
  Bài viết hay nhất11
Cập nhật 1.4 :) Thay lại css và js
  Bài viết hay nhất12
Tem 1.4 :))
  Bài viết hay nhất13
Cập nhật bản 1.5:
1) Thêm chức năng quote có link
2) Nâng cấp color picker
3) Sửa 1 vài lỗi
Chi tiết và demo xem ở post #1
  Bài viết hay nhất14
' '~ Thích để tại chỗ như FM cơ ' '~
  Bài viết hay nhất15
Cập nhật bản 1.6. Cập nhật lại css và js như thường lệ.
Mọi thông tin, đọc changelog ở bài #1
  Bài viết hay nhất16
Zero ơi, sao chức năng Edit khi mình bấm Send thì nó hiện thông báo như này "An unexpected error has occurred. Please refresh the page". Vậy là sao Zero? Trả lời mình sớm nhé
Cám ơn bạn.
  Bài viết hay nhất17
tiudin wrote:Zero ơi, sao chức năng Edit khi mình bấm Send thì nó hiện thông báo như này "An unexpected error has occurred. Please refresh the page". Vậy là sao Zero? Trả lời mình sớm nhé
Cám ơn bạn.
Chỉ có bài đầu tiên bị lỗi này vì chưa điền tên chủ đề vào. Lỗi này không nghiêm trọng lắm với lại mình đang làm phiên bản 1.7 (30%). Đợi chừng 1-2 tuần nữa đi. Bạn có thể lên github của mình, vào thư mục work in process (phiên bản đang làm), và sử dụng 1.7. Mình đã fix lỗi trong đó nhưng 1 vài chức năng chưa hoàn thành và hoạt động, và lỗi có thể xảy ra.
The author of this message was banned from the forum - See the message
  Bài viết hay nhất19
Ghosts wrote:anh sẽ ko viểt cho bản phpbb2 nữa ạ?
Chưa bao giờ và sẽ không bao giờ viết mod này cho phpbb2 :fb193:
The author of this message was banned from the forum - See the message
  Bài viết hay nhất21
Phiên bản mới 1.7.1
Cập nhật lại css và js
  Bài viết hay nhất22
You cannot reply to topics in this forum