Addon MarkItUp Integrator - Tích hợp MarkItUp

PVS · 28/04/2016

MarkItUp Integrator - Tích hợp MarkItUp 2.2.6

Trình bày addon

Addon này sẽ tích hợp markItUp! Editor vào XenForo. MarkItUp không phải là WYSIWYG (Những gì bạn thấy là những gì bạn nhận được) editor. Nó có nghĩa là nếu bạn đặt một văn bản in đậm, bạn sẽ không nhìn thấy nó in đậm, nhưng với các thẻ ( Đây là một văn bản in đậm ). Editor này đã được viết sử dụng jQuery. Nhiều script đang sử dụng trình soạn thảo này vì nó là vô cùng "nhẹ, mạnh mẽ và linh hoạt".

Có gì mới trong phiên bản 2.0?
Tất cả Javascript đã được viết lại

Các tập tin MarkItUp JS đã được sửa đổi để thực sự quản lý nút đa dòng (không có gì để làm với các phiên bản trước)
Các tập tin MarkItUp JS cũng đã được sửa đổi để làm cho nó dễ dàng hơn để sử dụng trên các thiết bị di động (ví dụ, các menu không mở trên di chuột nhưng trên nhấp chuột, dễ dàng để nói, không cần thiết dễ dàng để làm)
Một số nút MarkItUp đang sử dụng các công cụ jQuery (cung cấp với XenForo) để quản lý overlay popup để nhập Url, media, liên kết Img
Nút màu sắc được sử dụng công cụ farbtastic javascript để chọn một số màu sắc tùy chỉnh - tập tin javascript của nó sẽ chỉ tải theo yêu cầu
Nút media bây giờ là có sẵn như trên TinyMCE
Nút smilie đang sử dụng hệ thống mặt cười XenForo
Việc tích hợp MarkItUp là xa hơn sạch hơn so với phiên bản 1.x - nó sử dụng hệ thống XenForo JS
Các tùy chọn để hiển thị đầu tiên MarkItUp editor, sau đó TinyMCE tại một tùy chọn "thực sự". Có nghĩa là nó sẽ được tải tự động TinyMCE (không tương thích trực tiếp với Internet Explorer 7/XenForo - vấn đề của đường dẫn tương đối)
Bao gồm một addon AutoSize cho textarea bình thường

Tất cả các template và Css đã được viết lại

Nút Previous không tương thích nữa
Màn hình hiển thị editor bây giờ có thể được tùy chỉnh với các styles properties... với nhiều tùy chọn - xem ảnh chụp màn hình

Hầu hết các tập tin php đã được viết lại

Tất cả những sửa đổi (php + template + JS) sẽ chỉ tải khi các editor template được gọi (một lần nữa ... dễ dàng để nói, không cần thiết dễ dàng để làm)
Nhiều lỗi đã được cố định
Hệ thống nhập khẩu nhiều nút mới

Được phát triển và thử nghiệm trên các trình duyệt sau:

Firefox
Chrome
Opera
Safari/Dophin on IPAD
IE7-IE9

Danh sách các nút có sẵn

Bold,Center,Clean,Code,Colors,Fonts,Indent,Italic,Left,Link,Listbullet,Listitem,Listnumeric,Outdent,Picture,Quotes,Right,Size,Smilies,Strike,Underline,Media, Global_BiUs, Global_LcRj, Global_LIO, justify & Keytouch

Global_BiUs: một nút menu với bên trong các tùy chọn sau: Bold, Italic, Underline, Strike
Global_LcRj: một nút menu với bên trong các tùy chọn sau: Left, Center, Right, Justify
Global_LIO: một nút menu với bên trong các tùy chọn sau: Listbullet, Listnumeric, Listitem; Indent; Outdent
Justify: full justify text-align; bạn sẽ cần phải tạo ra một bbcode để thực hiện một công việc này
Keytouch: dễ dàng truy cập vào một số ký tự đặc biệt

Ghi chú:
Những nút mặc định có thể được điều chỉnh cho mỗi ngôn ngữ (các nút biểu tượng Pháp là ví dụ có sẵn):

Để làm điều này, bạn chỉ cần phải sửa đổi các tập tin biểu tượng psd gốc (file psd có) sau đó lưu hình ảnh mới với định dạng png, sau đó chỉ cần sửa đổi phrase sau: "miu_icon_default" để đặt tên tập tin của bạn (không có phần mở rộng) trong ngôn ngữ dịch của bạn.

Cài đặt / Cập nhật

Đối với người dùng XenForo 1.1.x: các thử nghiệm phiên bản tương thích nhất với XenForo 1.1.x là 2.2.1. Để có thể sử dụng addon này trên hệ thống này, bạn sẽ cần phải cài đặt trước Template Modification System.
Bạn sẽ phải import nút đầu tiên (xem thư mục "extras" của archive), sau đó cấu hình addon với MarkItUp Button Manager trước khi nhìn thấy nó làm việc

Cấu hình
Cấu hình addon với

ADMIN->HOME->MarkItUp Editor (global options)
ADMIN->Appearance->Style Properties->MarkItUp Editor - Public View

LƯU Ý: Không thay đổi bất kỳ tùy chọn visual trong ADMIN->Appearance->Style Properties->Markitup Xenforo Integration (ADMIN VIEW). Những đặc tính visual cần thiết cho Editor Visual Management Tool

Một số hình ảnh: