[Code] GOeditor - Quick Editor[✔]

[Get Over]

* Lưu ý mình mới viết cho punbb

Giao diện :
[You must be registered and logged in to see this image.]

Preview nhanh :

[You must be registered and logged in to see this image.]

Tính năng chính :

+ Hỗ trợ bbcode
+ Trả lời nhanh không chuyển trang
+ Preview nhanh

Hướng dẫn :

Bước 1 : ACP --> QLTT --> Forum --> Security
Unauthorize unofficial forms to post messages and private messages on the forum : Không

Bước 2 : ACP --> Messages and e-mails --> Cấu hình diễn đàn

Allow Quick Reply : Không

Bước 3 : ACP --> Display --> CSS :

Code:

#GO-quickrep .repnotice{background-color:#d9ffd1;background-image:url(http://cdn1.iconfinder.com/data/icons/musthave/24/Information.png);background-position:10px center;background-repeat:no-repeat;border:1px solid #36bf00;font-size:15px;font-weight:700;height:40px;line-height:35px;padding:5px;text-align:center;width:100%}
#GO-quickrep #backpreview,#GO-quickrep .repnotice{display:none}
#GO-quickrep .previewdata{background:#fcfcfc;border:1.5px solid #D5D5D5}
#GO-quickrep .buttonrep #sendrep:focus,#GO-quickrep .buttonrep #preview:focus,#GO-quickrep #backpreview:focus,#GO-quickrep .buttonrep #re-advance:focus{outline:none}
#GO-quickrep #repsmile{background:#fff;border:1px solid #D5D5D5;display:none;margin-top:30px;max-width:230px;min-height:300px;padding:3px;position:absolute}
#GO-quickrep #repcolour{background:#fff;border:1px solid #D5D5D5;display:none;height:50px!important;margin-top:30px;max-width:230px;min-height:180px;min-width:50px;padding:3px;position:absolute}
#GO-quickrep .go-bbcodeimg{background:#fff;border:1px solid #D5D5D5;color:#000;display:none;height:100px;margin-top:20px;padding:3px;position:absolute;width:230px}
#GO-quickrep #bbcodeimg{border-radius:none;display:block;margin-left:auto;margin-right:auto;margin-top:10px;min-height:20px!important;outline:none;padding:5px;width:70%!important}
#GO-quickrep #gorep{border-radius:none;margin-top:-30px;min-height:100px!important;outline:none;padding:5px;width:100%!important}
.buttonimg{background-color:#2797f2;border:none;color:#fff;cursor:pointer;display:block;font-size:12px;font-weight:700;height:25px;margin:10px auto;min-width:50px;padding:0 10px}
#GO-quickrep .buttonrep #sendrep,#GO-quickrep .buttonrep #preview,#GO-quickrep .buttonrep #re-advance,#GO-quickrep #backpreview,#GO-quickrep #sendrep2{background-color:#2797f2;border:none;color:#fff;cursor:pointer;display:inline-block;font-size:15px;font-weight:700;height:40px;min-width:80px;padding:0 10px}
#GO-quickrep .buttonrep #sendrep:hover,#GO-quickrep .buttonrep #preview:hover,#GO-quickrep #backpreview:hover,.buttonimg:hover{background-color:#7fc5ff;color:#fff}
#GO-quickrep .bbcode{background-color:#ebebeb;border:none;color:#fff;cursor:pointer;display:block;font-size:12px;font-weight:700;height:30px;padding:5px;width:100%}
#GO-quickrep .repbbcode:hover,.repbbcode-smile:hover,.smiletoggle:hover,.repbbcode-colour:hover,.colourtoggle:hover,.repbbcode2:hover{-moz-box-shadow:inset 0 0 20px #FFF;-webkit-box-shadow:inset 0 0 20px #FFF;border:1.5px solid #2797f2;box-shadow:inset 0 0 20px #FFF;opacity:1}
#GO-quickrep .repbbcode,.repbbcode-smile,.smiletoggle,.repbbcode-colour,.colourtoggle,.repbbcode2{-moz-border-radius:3px;-webkit-border-radius:3px;border:1.5px solid #000;border-radius:0;color:#333;cursor:pointer;display:inline-block;font-size:1.2em;margin:0 2px;opacity:0.4;padding:3px 10px;text-shadow:0 1px #FFF}
#GO-quickrep .buttonrep #re-advance{-moz-transition:all .2s ease;-ms-transition:all .2s ease;-webkit-transition:all .2s ease;background-color:#000!important;color:#FFF!important;float:right!important;o-transition:all .2s ease;transition:all .2s ease}
#GO-quickrep .buttonrep #re-advance:hover{background-color:#2797f2!important;color:#FFF!important}
#GO-quickrep{background:#fcfcfc;border:1px solid #D5D5D5;display:block;margin:10px auto;max-width:50%;padding:50px}
#GO-quickrep textarea:focus,#GO-quickrep #bbcodeimg:focus{border:1px solid #0081eb!important;outline:none}

Bước 4 : ACP --> Modules --> Javascript :
Title : GOeditor - Quick Editor
Place : In the topic

Code:

$(function () {
// // // // // // // // // // // // // // // // // // // // GOeditor  © Get Over - doannamthai // // // // // // // // // // // // // // // // // // // //
 
// // // // // // STRUCTURE // // // // // //
if($('a[href*="inbox"]').length){
    var z = $('a[href*="mode=reply"]').attr("href");
    HTMLTextAreaElement.prototype.getSelection = function () {
        var e = $(this)[0];
        var G = e.selectionStart;
        var O = e.selectionEnd;
        if (typeof G === "number" && typeof O === "number") {
            return $(this).val().substring(G, O);
        }
        return "";
    };
    $(".pun-crumbs:last").after('<form id="GO-quickrep" action="/post" class="frm-form" method="post" name="post"><div  class="repnotice" ></div><br><div style="display:none;" class="previewdata"></div><br><br><input type="submit"  id="backpreview"  style="display:none;" value="Back"/><div class="GO-post"><textarea id="gorep" placeholder="Bình luận..." name="message"></textarea><div><br><div class= "bbcode"><span class = "repbbcode" title = "Bold" value="b" style="font-weight:bold">B</span><span class = "repbbcode" title="Italic" value="i" style="font-style: italic">I</span><span class = "repbbcode" title="Underline" value ="u" style="text-decoration: underline">U</span><span class = "repbbcode" title="Strikethrough" value ="strike" style="text-decoration: line-through;font-weight:bold">S</span><span class = "repbbcode" title="Code" value="code">Code</span><span class = "repbbcode" title="Quote" value="quote">Quote</span><span class = "repbbcode2" id="repimg" title="Imagine" value="img">IMG</span><div class="go-bbcodeimg" style="display:none;margin-top: 27px;"><input type="text" id="bbcodeimg" placeholder="Nhập url..."><input type="button" style = "margin-top: 15px;" class="buttonimg" value="Insert"></div><span class = "repbbcode-smile" title="Smile" >Smiles</span><span class = "repbbcode-colour" title="Colour" >Colour</span></div><br><br><br><div class = "buttonrep"><input type="submit"  id= "sendrep" value="Send"></input>\n<input type="submit"  id="preview" value="Preview"><input type="hidden" name="notify" value="1"></input><input type="hidden" name="t" value=""><input type="hidden" name="mode" value="reply"><input type="submit" name="preview" id="re-advance" value="Advance"></input><br><br><div class="golreply" style="display:none"><img src="http://i57.servimg.com/u/f57/15/64/85/86/ajax-l10.gif"/></div></div></form>');
 
// // // // // // STRUCTURE // // // // // //
 
// // // // // // BBCODE // // // // // //
    var x = $("textarea")[0];
    $(".repbbcode").click(function () {
        var a = $(this).attr("value");
        if (x.getSelection().length < 1) {
            $("#gorep").focus();
            $("#gorep").val($("#gorep").val() + '[' + a + '][/' + a + ']');
 
        } else {
            $("#gorep").focus();
            $("#gorep").val($("#gorep").val().replace(x.getSelection(), "") + '[' + a + ']' + x.getSelection() + '[/' + a + ']');
        }
    });
    $(".repbbcode-smile").click(function () {
        $(this).after('<iframe id ="repsmile"  src="/smilies.forum?mode=smilies_frame" scrolling="yes"></iframe>');
        $(this).before('<span class = "smiletoggle" title="Smiles">Smile</span>').remove();
        $("#repsmile").show();
        $("#repsmile").load(function () {
            $("#repsmile").contents().find(".smiley-element img").click(function () {
                var c = $(this).attr("alt");
                $("#gorep").focus();
                $("#gorep").val($("#gorep").val() + c);
            });
        });
        $(".smiletoggle").click(function () {
            $("#repsmile").toggle();
        })
    });
    $("#GO-quickrep input[name='t']").val(z.substring("8", z.lastIndexOf("&mode=reply")));
    $("#repimg").click(function () {
        var f = $(".go-bbcodeimg").css("display");
        if (f == 'none') {
            $(".go-bbcodeimg").css({
                "left": $(this).position().left,
                "top": $(this).position().top,
            }).show();
        } else {
            $(".go-bbcodeimg").hide();
        }
    });
    $(".buttonimg").click(function () {
        var i = $(".go-bbcodeimg #bbcodeimg").val();
        $("#gorep").focus();
        $("#gorep").val($("#gorep").val() + '[img]' + i + '[/img]');
    });
    $(".repbbcode-colour").click(function () {
        $(this).after('<iframe id ="repcolour"  src="/chatbox/chatbox_selectcolor.htm" scrolling="yes"></iframe>');
        $(this).before('<span class="colourtoggle" title="Colour">Colour</span>').remove();
        $("#repcolour").show();
        $("#repcolour").load(function () {
            $("#repcolour").contents().find("td").click(function () {
                var m = $(this).attr("bgcolor");
                if (x.getSelection().length < 1) {
                    $("#gorep").focus();
                    $("#gorep").val($("#gorep").val() + '[color=' + m + '][/color]');
                } else {
                    $("#gorep").focus();
                    $("#gorep").val($("#gorep").val().replace(x.getSelection(), "") + '[color=' + m + ']' + x.getSelection() + '[/color]');
                }
            });
        });
        $(".colourtoggle").click(function () {
            $("#repcolour").toggle();
        })
    });
// // // // // // BBCODE // // // // // //
 
// // // // // // Quick Reply - Quick Preview // // // // // //
 
    $("#preview").click(function (v) {
        v.preventDefault();
        var value = $("#gorep").val().replace(/\s/g, '').length;
        if (10 <= value && value <= 1500) {
            $(".golreply").show();
            $.post(z, {
                "message": $("#gorep").val(),
                "preview": "Preview"
            }, function (b) {
                $(".GO-post").fadeOut(300);
                $(".golreply").fadeOut(300);
                $("#backpreview").fadeIn(1000);
                $(".previewdata").fadeIn(1000);
                $(".previewdata").html($(b).find("form .post:first .postbody:first"));
                $("#backpreview").click(function (t) {
                    t.preventDefault();
                    $(this).hide();
                    $(".previewdata").hide();
                    $(".GO-post").fadeIn(1500);
                });
            });
            $(".repnotice").fadeOut(1000);
        } else if (10 > value) {
            $(".repnotice").fadeIn(500);
            $(".repnotice").html("Lỗi!\nBạn phải nhập <font color='red'>" + (10 - value) + "</font> ký tự nữa")
        } else if (1500 < value) {
            $(".repnotice").fadeIn(500);
            $(".repnotice").html("Lỗi! Bài viết quá dài \nBạn không được nhập quá 1500 ký tự")
        }
    });
    $("#sendrep").click(function (v) {
        v.preventDefault();
        var value = $("#gorep").val().replace(/\s/g, '').length;
        if (10 <= value && value <= 1500) {
            $(".golreply").show();
            $.post(z, {
                "message": $("#gorep").val(),
                "post": "Send",
                "attach_sig": "1"
            }, function (t) {
                if (t.indexOf("Flood") != -1 && $("html").attr("xml:lang") == "vi") {
                    $(".repnotice").fadeIn(500);
                    $(".repnotice").html("Lỗi!\nBạn phải chờ 5 giây mới có thể gửi bài");
                    $(".golreply").hide();
                } else if ($(t).find(".message a").length) {
                    var f = $(t).find(".message a:first").attr('href');
                    location.href = f;
                    $.get(f, function (z) {
                        $(z).find(".post:last").hide().insertAfter(".post:last").slideDown(400);
                    });
                    $("#gorep").val("");
                    $(".golreply").hide();
                    $(".repnotice").fadeOut(1000);
                }
            });
        } else if (10 > value) {
            $(".repnotice").fadeIn(500);
            $(".repnotice").html("Lỗi!\nBạn phải nhập <font color='red'>" + (10 - value) + "</font> ký tự nữa")
        } else if (1500 < value) {
            $(".repnotice").fadeIn(500);
            $(".repnotice").html("Lỗi! Bài viết quá dài \nBạn không được nhập quá 1500 ký tự")
        }
    });
  }
// // // // // // Quick Reply - Quick Preview // // // // // //
 
// // // // // // // // // // // // // // // // // // // // GOeditor  © Get Over - doannamthai // // // // // // // // // // // // // // // // // // // //
 
});

GOeditor  © Get Over - doannamthai

[noname2103]

hay hay

[*๖ۣۜ Mr-๖ۣۜ Hải]

Lùm hàng

[Lùn Lì Lợm]

[You must be registered and logged in to see this link.] a cho mấy cái icon nó về 1 hàng cho e vs
nick test
tk : hjhj
pass : testrum

[*๖ۣۜ Mr-๖ۣۜ Hải]

[You must be registered and logged in to see this link.] a cho mấy cái icon nó về 1 hàng cho e vs
nick test
tk : hjhj
pass : testrum

Tìm :

Code:

#GO-quickrep .bbcode {
background-color: #ebebeb;
border: none;
color: #fff;
cursor: pointer;
display: block;
font-size: 12px;
font-weight: 700;
height: 30px;
padding: 5px;
width: 100%;
}

Thay thành

Code:

#GO-quickrep .bbcode {
background-color: #ebebeb;
border: none;
color: #fff;
cursor: pointer;
display: block;
font-size: 10px;
font-weight: 700;
height: 30px;
padding: 5px;
width: 500px;
}

Xem

[Larva]

Code:

#GO-quickrep{background:#fcfcfc;border:1px solid #D5D5D5;display:block;margin:10px auto;max-width:50%;padding:50px}

Thay max-width là dc thôi

[Chúa Tể Địa Ngục]

anh viết cho phpbb2 đi anh^^ *mắt long lanh*

[Giccos iTeam]

Góp ý:
Ứng dụng chưa đủ thay thế ứng dụng mặc định của nhà sản xuất.
Thiết kế giao diện cho phiên bản sau đẹp hơn bạn nhé.
Hãy làm cho nó tốt hơn bạn nhé

[Lùn Lì Lợm]

@las : e sửa như v r nhưng k được.
p/s : e đã dùng cách khác và sửa được
tks a

[phutu01]

Sao cậu k làm thêm cái nút trả lời ở mỗi bài viết , khi nào nhấn trả lời show ra cái khung ngay chỗ đó viết bài cho gọn

[khaiproqn81]

Mất luôn cái trả lời nhanh rồi

Allow Quick Reply : Không (có chứ nhỉ )

[handsomevip007]

Mất luôn cái trả lời nhanh rồi

Allow Quick Reply : Không (có chứ nhỉ )

Code này tạo ra cái Quick Reply mới không dùng cái mặc định nên phải tắt cái mặc định đi thì mới xài được

[Jiimbo]

xeeemmmmmm

[Sponsored content]