Tiện ích mở rộng tải ảnh lên cho ZetaBoards

Tiện ích mở rộng này thêm một công cụ để tải ảnh lên nhanh và đính kèm ảnh vào bài viết. Ảnh được tải lên trang web của chúng tôi, vì vậy bạn không cần lo về dung lượng đĩa hay cấu hình máy chủ web. Khi ảnh được tải lên bằng nút của tiện ích này, BBCode cho ảnh thu nhỏ và liên kết đến ảnh gốc sẽ được tự động tạo và chèn vào bài viết.

Hướng dẫn cài đặt

1. 
2. 
3. Thêm đoạn mã sau vào phần Javascripts.

   <script type='text/javascript' src='//mod.postimage.org/zetaboards.js' charset='utf-8'></script>

   

Cài đặt hoàn tất. Bây giờ bạn có thể sử dụng Postimage trên trang web của mình.

---

Tùy chọn

Tất cả các phiên bản plugin trang PostImage hỗ trợ nhiều tùy chọn để tùy chỉnh trải nghiệm người dùng. Cách dễ nhất để đặt một tùy chọn là chỉ định nó trong địa chỉ của plugin. Các tùy chọn được phân tách bằng dấu gạch nối và có thể chỉ định theo bất kỳ thứ tự nào. Ví dụ, để chuyển plugin phpBB sang tiếng Đức và chỉ định rằng tất cả ảnh tải từ trang là an toàn cho gia đình, bạn có thể nhập plugin bằng cách chỉnh sửa dòng phù hợp để trông như thế này:

<script type="text/javascript" src="//mod.postimage.org/phpbb3-de-hotlink.js" charset="utf-8"></script>

Nếu một tùy chọn trong nhóm không được chỉ định, giá trị mặc định của nhóm sẽ được dùng. Hiện hỗ trợ các tùy chọn sau:

Kích thước xem trước

• thumb (mặc định) Sử dụng ảnh xem trước nhỏ (kích thước tối đa 180 × 180px).
• hotlink Sử dụng ảnh xem trước lớn (rộng tối đa 1280px pixel).

Ngôn ngữ

Văn bản trên nút Postimage có thể hiển thị bằng nhiều ngôn ngữ được hỗ trợ. Bạn có thể dùng bất kỳ tên ngôn ngữ nào sau đây làm tùy chọn.

Nâng cao

Bạn có thể tùy chỉnh các tùy chọn như giao diện của nút PostImage bằng cách chèn hàm postimage_customize() vào mã JavaScript của bạn trước khi gọi plugin PostImage. Hàm nên trông như sau: có ba đối tượng sẽ được áp dụng cho kiểu của biểu tượng, liên kết và vùng chứa. Bạn có thể đặt bất kỳ thuộc tính CSS nào bạn cần ở đó.

<script type="text/javascript" charset="utf-8">
function postimage_customize() {
	if (typeof postimage === "undefined") {
		return;
	}
	postimage.style = postimage.style || {};
	postimage.style.link = {"color": "#3a80ea", "vertical-align": "middle", "font-size": "1em"};
	postimage.style.icon = { "vertical-align": "middle", "margin-right": "0.5em", "margin-left": "0.5em"};
	postimage.style.container = {"margin-bottom": "0.5em", "margin-top": "0.5em"};
	/* Add more customizations here as needed */
}
</script>

Nếu bạn không muốn ghi đè các giá trị mặc định mà chỉ muốn sửa hoặc thêm một tùy chọn kiểu cụ thể, hàm của bạn nên trông như sau:

<script type="text/javascript" charset="utf-8">
function postimage_customize() {
	if (typeof postimage === "undefined") {
		return;
	}
	postimage.style = postimage.style || {};
	/* Specify different options for the same style separately */
	postimage.style.link["color"] = "green";
	postimage.style.link["text-decoration"] = "none";

	postimage.style.icon["border"] = "1px solid black";
	postimage.style.container["padding"] = "2px";
	/* Add more customizations here as needed */
}
</script>

Hỗ trợ

Vui lòng liên hệ với chúng tôi nếu bạn gặp bất kỳ vấn đề hoặc câu hỏi nào. Chúng tôi thậm chí có thể giúp bạn tích hợp trang web của bạn với chúng tôi miễn phí!