bbcode up ảnh imgur thay thế code tinypic
Việc sử dụng up ảnh trên tinypic mình thấy load chậm chậm sao ấy, hơn thế nữa cũng ko quản lý dc ảnh, vì vậy mình tích hợp code up ảnh của baivong từ devs vào nút bbcode cho các bạn sử dụng sceditor mặc định của forumotion
Mặc định:
Imgur:
Bước 1: tạo trang html up ảnh imgur
Đầu tiên các bạn làm theo hướng dẫn ở topic này
http://www.hotrofm.net/t304-code-up-anh-len-imgur-mien-phi
Lưu lại html và Nhớ lại link html đó ví dụ như hotrofm này là http://www.hotrofm.net/h11-page
Bước 2: Tạo js thay thế up ảnh cũ tinypic forumotion cũ
sau đó vào modules > HTML & JAVASCRIPT >> Javascript codes management
tạo js này không click vào đâu cả
Code:
$(window).load(function() {
$('.sceditor-group:nth-child(4)').prepend('<a class="sceditor-button sceditor-button-upanh-hotrofm" title="Úp ảnh"><div></div></a>');
$('.sceditor-button-upanh-hotrofm').click(function() {
if ($('#upanhhotrofmPop').css('display') == 'none') {
var y = $('.sceditor-button-upanh-hotrofm').offset().top +25;
var x = $('.sceditor-button-upanh-hotrofm').offset().left;
$('#upanhhotrofmPop').show().css('top',y + 'px').css('left',x + 'px');
}
else $('#upanhhotrofmPop').hide();
});
$( ".sceditor-button-servimg" ).remove();
$('body').append('<div id="upanhhotrofmPop" style="display:none;position:absolute;z-index:50000;"><iframe src="http://www.domain.com/h1-page" scrolling="auto" allowtransparency="true" frameborder="0" width="300" height="400">Update your browser for tinypic.com</iframe></div><style>.sceditor-button-upanh-hotrofm div {background-position: 0 -644px;}</style>');
});
sau đó link http://www.domain.com/h1-page thành link html của bạn
Bước 3. Cho code bbocde up ảnh vào chỗ cần hiện
Code:
<script src="link.js" type="text/javascript">
Thường thì để ở viewtopicbody. postingbody
Tags: #code #forumotion #bbcode #imgur
Được sửa bởi Admin ngày 11/24/2016, 17:12; sửa lần 5.