Bruce Hoàng
[Code] Trích dẫn nhanh (Quick Quote)
on 16/03/2016Bruce Hoàng
loading...
Demo:
Khi bấm vào nút quote:
https://i.servimg.com/u/f84/19/43/65/77/button10.png
Kết quả:
https://i.servimg.com/u/f84/19/43/65/77/quickq10.png
Hướng dẫn:
- Tạo 1 trang js mới
Title: Quick Quote
Placement: In all the pages
- Code:
$(function(){
var forum_version = 1,
new_button = false,
quote_image = 'http://icons.iconarchive.com/icons/fatcow/farm-fresh/16/document-quote-icon.png';
if (forum_version == 0) n = [".postbody div",".name strong a"];
if (forum_version == 1) n = [".postbody .content div",".postprofile dl dt strong a"];
if (forum_version == 2) n = [".entry-content div",".username a"];
if (forum_version == 3) n = [".post-entry div",".postprofile-details dt a + br + a"];
if (new_button == true) { q = ".quickquote"; $(forum_version==1?"li:has(.i_icon_quote)":"a:has(.i_icon_quote)").after($('<li style="display:inline-block;list-style:none;"><a href="#quick_reply"><img src="'+quote_image+'" class="quickquote" alt="Trích dẫn nhanh" title="Trích dẫn nhanh" /></a></li>')) }
if (new_button == false) { q = "a:has(.i_icon_quote)"; $("a:has(.i_icon_quote)").attr("href", "#quick_reply"); $(".i_icon_quote").attr("title", "Reply with quote") }
$(document).on('mouseup',n[0],function(e){
qtext = $(this).parents(".post");
if (window.getSelection) theSelection = window.getSelection().toString();
else if (document.getSelection) theSelection = document.getSelection();
else if (document.selection) theSelection = document.selection.createRange().text;
});
$(q).click(function () {
if (typeof qtext == 'undefined') return;
uname = qtext.find(n[1]).text();
$("div.sceditor-toolbar + iframe").contents().find("body").append('<blockquote><cite>' + uname + '</cite>' + theSelection + '</blockquote> <br />');
$('.sceditor-container textarea')[0].value += '[quote="' + uname + '"]' + theSelection + '[/quote]'
});
var n,q;
});
tìm
- Code:
var forum_version = 1,
Tùy biến button và hình ảnh button:0 = phpbb2
1 = phpbb3
2 = punbb
3 = invision
new_button :
true = tạo 1 nút trích dẫn nhanh
false = sử dụng nút trích dẫn mặc định
Ở code trên mình đã edit link ảnh cho phù hợp các bạn chỉ cần sửa phiên bản và có sử dụng button hay ko thôi
*Chú ý: - Các bạn nên bôi đen đoạn cần trích dẫn trước khi sử dụng
- Ở demo trên mình đã mở button quick quote nên mới có thêm một button như v
No Comment.