منتدى الدعم العربي لمنتديات أحلى منتدى
مرحبا بك في منتدى دعم منتديات AhlaMontada

لتتمكن من الإستمتاع بكافة ما يوفره لك هذا المنتدى من خصائص, يجب عليك أن تسجل الدخول الى حسابك في المنتدى. إن لم يكن لديك حساب بعد, نتشرف بدعوتك لإنشائه.


انشاء منتدى مجاني شبيه بهذا المنتدى

كود جافا لتغيير شكل المحرر

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل

كود جافا لتغيير شكل المحرر

مُساهمة من طرف امير صغير في الأربعاء 25 يناير 2017 - 20:01

ممكن كود جافا+css يخلي صندوق الكتابة من هذا الشكل الجميل 
avatar
امير صغير
 
 

ذكر
عدد المساهمات : 684
معدل النشاط : 2277
السُمعة : 11

http://www.mystaranime.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: كود جافا لتغيير شكل المحرر

مُساهمة من طرف هادى الشبح في الأربعاء 25 يناير 2017 - 21:36

تم الحذف للرابط
من قبل Ahd allah
avatar
هادى الشبح



ذكر
عدد المساهمات : 22
معدل النشاط : 225
السُمعة : 0

http://hadysalah2000gmail.ahlamontada.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: كود جافا لتغيير شكل المحرر

مُساهمة من طرف امير صغير في الجمعة 27 يناير 2017 - 17:19

Embarassed Embarassed Embarassed Embarassed Embarassed Embarassed
مكن رد على الموضوع
avatar
امير صغير
 
 

ذكر
عدد المساهمات : 684
معدل النشاط : 2277
السُمعة : 11

http://www.mystaranime.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: كود جافا لتغيير شكل المحرر

مُساهمة من طرف 0marp0p23 في الجمعة 27 يناير 2017 - 17:47

avatar
0marp0p23
 
 

ذكر
عدد المساهمات : 751
معدل النشاط : 2665
السُمعة : 71

http://cocss.arab.st

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: كود جافا لتغيير شكل المحرر

مُساهمة من طرف امير صغير في السبت 28 يناير 2017 - 17:56

يب الكود شغال ولكن
ممممممممم ليس هذا مااريده
اريد الكود الي يخلي شكل المحرر مثل الي بالصورة
avatar
امير صغير
 
 

ذكر
عدد المساهمات : 684
معدل النشاط : 2277
السُمعة : 11

http://www.mystaranime.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: كود جافا لتغيير شكل المحرر

مُساهمة من طرف Yassine Bablil في السبت 28 يناير 2017 - 19:12

السلام عليكم ،

قم بتجربة الكود التالي :

لوحة ادارة / عناصر اضافية / ادارة اكواد javascript

انشئ كود جديد وحدد على جميع الصفحات واضف الكود التالي :

الكود:
$(function() {
    $(function() {
       
    })
});
document.write("<style>.sceditor-button-color.sceditor-dropdown a:hover{background:#c22525}.colorpicker{background:url(http://i34.servimg.com/u/f34/14/83/59/48/light110.png)!important;display:none;font-family:Arial, Helvetica, sans-serif;height:176px;overflow:hidden;padding:0!important;position:absolute;width:356px;z-index:3}.colorpicker.dark{background:url(http://im35.gulfup.com/Vliab.jpg)!important}.colorpicker_color{background:red;cursor:crosshair;height:150px;left:14px;overflow:hidden;position:absolute;top:13px;width:150px}.colorpicker_color div{background:url(http://i83.servimg.com/u/f83/17/45/19/77/colorp10.png);height:150px;left:0;position:absolute;top:0;width:150px} .colorpicker_color div div{background:url(http://i83.servimg.com/u/f83/17/45/19/77/colorp10.gif); height:11px;left:0;margin:-5px 0 0 -5px;overflow:hidden;position:absolute;top:0;width:11px} .colorpicker_hue{cursor:n-resize;height:150px;left:171px;position:absolute;top:13px;width:35px}.colorpicker_hue div{background:url(http://i83.servimg.com/u/f83/17/45/19/77/colorp11.gif) left top;height:9px;left:0;margin:-4px 0 0;overflow:hidden;position:absolute;width:35px}.colorpicker_new_color{background:red;height:30px;left:213px;position:absolute;top:13px;width:60px}.colorpicker_current_color{background:red;height:30px;left:283px;position:absolute;top:13px;width:60px}.colorpicker input{background-color:transparent;border:1px solid transparent;color:#898989;font-family:Arial, Helvetica, sans-serif;font-size:10px;height:11px;margin:0;padding:0!important;position:absolute;right:11px;text-align:right;top:4px}.colorpicker_hex{background:url(http://i83.servimg.com/u/f83/17/45/19/77/custom11.png) top;height:22px;left:212px;position:absolute;top:142px;width:72px}.colorpicker.dark .colorpicker_hex{background:url(http://i83.servimg.com/u/f83/17/45/19/77/colorp11.png) top}.colorpicker_hex input{right:6px}.colorpicker_field{background-position:top;height:22px;position:absolute;width:62px}.colorpicker_field span{cursor:n-resize;height:22px;overflow:hidden;position:absolute;right:0;top:0;width:12px}.colorpicker_rgb_r{background-image:url(http://i83.servimg.com/u/f83/17/45/19/77/custom12.png);left:212px;top:52px}.colorpicker.dark .colorpicker_rgb_r{background-image:url(http://i83.servimg.com/u/f83/17/45/19/77/colorp12.png)}.colorpicker_rgb_g{background-image:url(http://i83.servimg.com/u/f83/17/45/19/77/custom13.png);left:212px;top:82px}.colorpicker.dark .colorpicker_rgb_g{background-image:url(http://i83.servimg.com/u/f83/17/45/19/77/colorp13.png)} .colorpicker_rgb_b{background-image:url(http://i83.servimg.com/u/f83/17/45/19/77/custom14.png);left:212px;top:112px}.colorpicker.dark .colorpicker_rgb_b{background-image:url(http://i83.servimg.com/u/f83/17/45/19/77/colorp14.png)} .colorpicker_hsb_b,.colorpicker_hsb_h,.colorpicker_hsb_s{display:none} .colorpicker_submit{background:url(http://i83.servimg.com/u/f83/17/45/19/77/accept10.png) no-repeat;cursor:pointer;height:50px;overflow:hidden;position:absolute;right:10px;top:118px;width:48px} .colorpicker_focus{background-position:center} .colorpicker_hex.colorpicker_focus{background-position:bottom} .colorpicker_submit.colorpicker_focus{background-position:bottom} .colorpicker_slider{background-position:bottom}</style>");
$(function() {
    $("div.postbody").each(function() {
        var n = this;
        if ($(".post-entry", n).length) {
            n = $(".post-entry", n)[0]
        } else {
            if ($(".content", n).length) {
                n = $(".content", n)[0]
            }
        }
        while (n.nodeType != 3 && n.hasChildNodes()) {
            n = n.childNodes[0]
        }
        if (n.nodeType != 3) {
            return val
        }
        if (n.nodeValue.substr(0, 8) != "[postbg=") {
            return val
        }
        var m = n.nodeValue.match(/^\[postbg=([^\[]*)\]/);
        $(this).closest("div.post-container,div.post,td.row1,td.row2,div.postmain").addClass("postbg").css("background-image", "url(" + m[1] + ")");
        n.nodeValue = n.nodeValue.replace(/^\[postbg=[^\[]*\]\n?/, "");
        if (!n.nodeValue && n.nextSibling.nodeType == 1 && n.nextSibling.tagName == "BR") {
            $(n.nextSibling).remove()
        }
    });
    if ($("#text_editor_textarea").length && $.sceditor) {
        var bglist = "http://i55.servimg.com/u/f55/14/83/59/48/daqtda10.gif,http://i55.servimg.com/u/f55/14/83/59/48/pftcnq10.png,http://i55.servimg.com/u/f55/14/83/59/48/lruwov10.png,http://i55.servimg.com/u/f55/14/83/59/48/ehp45h10.png,http://i39.servimg.com/u/f39/14/83/59/48/bg1310.jpg,http://i39.servimg.com/u/f39/14/83/59/48/rip_jo10.png".split(",");
        var bgnum = -1;
        var val = $("#text_editor_textarea").val();
        if (val.substr(0, 8) == "[postbg=") {
            var m = val.match(/^\[postbg=([^\[]*)\]/);
            if (m) {
                var r = $.inArray(m[1], bglist);
                if (r != -1) {
                    bgnum = r
                } else {
                    bgnum = bglist.length - 1
                }
                $(function() {
                    $(".sceditor-container").css("background-position", "0 " + ($(".sceditor-toolbar").height() + 6) + "px");
                    $(".sceditor-container").css("background-image", "url(" + m[1] + ")")
                });
                $("#text_editor_textarea").val(val.replace(/^\[postbg=[^\[]*\]/, ""))
            }
        }
        $(function() {
            if (!$("#text_editor_textarea").sceditor("instance")) {
                return
            }
            $('<a class="sceditor-button" unselectable="on" title="إختر خلفية الموضوع/المشاركة"><div unselectable="on" style="background:url(http://i39.servimg.com/u/f39/14/83/59/48/catego10.png);opacity:1">خلفية المشاركة</div></a>').insertAfter(".sceditor-button-faspoiler").click(function(e) {
                if (e.ctrlKey) {
                    $(".sceditor-container").css("background-image", "");
                    bgnum = -1
                } else {
                    bgnum++;
                    if (!bgnum) {
                        $(".sceditor-container").css("background-position", "0 " + ($(".sceditor-toolbar").height() + 6) + "px")
                    }
                    $(".sceditor-container").css("background-image", "url(" + bglist[bgnum % bglist.length] + ")")
                }
            })
        });
        $(function() {
            $('form[name="post"]').submit(function() {
                if (bgnum != -1) {
                    $("#text_editor_textarea").val(function(i, val) {
                        return "[postbg=" + bglist[bgnum % bglist.length] + "]" + val
                    })
                }
            })
        })
    }
});
$(function() {
    $(function() {
        $('.sceditor-button-image').after('<a title="إدراج صورة برابط" class="sceditor-button sceditor-button-imganc"><div style="background:url(http://i39.servimg.com/u/f39/18/21/41/30/imganc10.png);"></div></a>');
        $('.sceditor-button-imganc').click(function() {
            if ($('.sceditor-insertimganc').length) return $('.sceditor-insertimganc').remove();
            $('body').append('<div class="sceditor-dropdown sceditor-insertimganc" style="position:absolute;"><div><label>رابط الصورة</label> <input id="imganc-img" class="url" placeholder="http://" type="text"></div><div><label>رابط التوجيه</label> <input id="imganc-url" class="url" placeholder="http://" type="text"></div><div><label>عرض (حقل اختياري)</label> <input id="imganc-width" size="2" type="text"></div><div><label>ارتفاع (حقل اختياري)</label> <input id="imganc-height" size="2" type="text"></div><div><input id="submit-imganc" class="button" value="إدراج" type="button"></div></div>');
            $('.sceditor-insertimganc').css({
                'left': $('.sceditor-button-imganc').offset().left + 'px',
                'top': $('.sceditor-button-imganc').offset().top + 25 + 'px'
            });
            $('#submit-imganc').click(function() {
                var dimension = '',
                    width = $('#imganc-width').val(),
                    height = $('#imganc-height').val(),
                    image = $('#imganc-img').val(),
                    url = $('#imganc-url').val();
                if (width.length > 0 && height.length > 0) dimension = '(' + width + 'px,' + height + 'px)';
                else if (width.length > 0 && height.length < 1) dimension = '(' + width + 'px,' + width + 'px)';
                else if (width.length < 1 && height.length > 0) dimension = '(' + height + 'px,' + height + 'px)';
                if (image.length > 0 && url.length > 0) $('#text_editor_textarea').sceditor('instance').insertText('[url=' + url + '][img' + dimension + ']' + image, '[/img][/url]');
                $('.sceditor-insertimganc').remove();
                return false
            })
        });
        $('.sceditor-button-source').click(function() {
            $('.sceditor-button-imganc').removeClass('disabled')
        });
        $('.sceditor-button').not('.sceditor-button-imganc').click(function() {
            $('.sceditor-insertimganc').remove()
        });
        $('.sceditor-container textarea').focus(function() {
            $('.sceditor-insertimganc').remove()
        });
        $('.sceditor-container i-frame').contents().mousedown(function() {
            $('.sceditor-insertimganc').remove()
        })
    })
});
$(document).on('ready', function() {
    $(".sceditor-container").append('<div class="sceditor-dropdown sceditor-tooltip"style="display:none;margin-top: 27px;"><div><label for="tooltipnote"style="text-align:right;font-size: 16px;">الخلفية</label><input type="text" id="tooltipnote" style = "float:left;text-align: left;" placeholder="//:http"><br /><label for="tooltiptext"style="text-align:right;font-size: 16px;">عرض (حقل اختياري)</label><input type="text" id="tooltiptext" style = "height: 17px;width: 33px;margin: 1px 1px -5px 132px;" placeholder=""><br /><input type="button"style="margin: 22px -3px 1px 110px;"class="button"value="إدراج"></div></div>');
    $('<a class= "sceditor-button sceditor-button-paletaavanzada" unselectable="on"  title= "إدراج خلفية الموضوع/المشاركة"><div style="background-image:url(http://i39.servimg.com/u/f39/14/83/59/48/block-10.png)">BBCode Tooltip</div></a>').insertAfter('.sceditor-button-faspoiler').click(function() {
        var f = $(".sceditor-tooltip").css("display");
        if (f == 'none') {
            $(".sceditor-tooltip").css({
                "left": $(this).position().left,
                "top": $(this).position().top,
            }).show()
        } else {
            $(".sceditor-tooltip").hide()
        }
    });
    $(".sceditor-tooltip .button").click(function() {
        var a = $(".sceditor-tooltip #tooltiptext").val();
        var b = $(".sceditor-tooltip #tooltipnote").val();
        $('#text_editor_textarea').sceditor("instance").insert('[table style="width:' + a + 'px; height:300px; background: url(' + b + ');" align="center" background="' + b + '"][tr][td][/td][/tr][/table]')
    });
    $('.post').each(function() {
        var m = $(this).html().replace(/\[tooltip=(.*?)\](.*?)\[\/tooltip]/gi, '<span class="tooltip"><datatip>$1</datatip><texttip>*$2</texttip></span>');
        $(this).html(m)
    });
    $('.post ').find('.tooltip').each(function() {
        var s = $(this);
        $(s).hover(function() {
            $(s).find('datatip').show()
        }, function() {
            $(s).find('datatip').hide()
        })
    })
});
$(document).on('ready', function() {
    $(".sceditor-container").append('<div class="sceditor-dropdown sceditor-tooltip1"style="display:none;margin-top: 27px;"><div><label for="tooltipnote"style="text-align:right;font-size: 16px;">رابط</label><input type="text" id="tooltipnote" style = "float:left;text-align: left;" placeholder="//:http"><br /><input type="button"style="margin: 1px -3px 1px 78px;"class="button"value="إدراج"></div></div>');
    $('<a class= "sceditor-button sceditor-button-paletaavanzada" unselectable="on"  title= "إدراج رابط فيديو من أى موقع "><div style="background-image:url(http://i39.servimg.com/u/f39/14/83/59/48/movie-10.png)">BBCode Tooltip</div></a>').insertAfter('.sceditor-button-link').click(function() {
        var f = $(".sceditor-tooltip1").css("display");
        if (f == 'none') {
            $(".sceditor-tooltip1").css({
                "left": $(this).position().left,
                "top": $(this).position().top,
            }).show()
        } else {
            $(".sceditor-tooltip1").hide()
        }
    });
    $(".sceditor-tooltip1 .button").click(function() {
        var c = $(".sceditor-tooltip1 #tooltiptext").val();
        var d = $(".sceditor-tooltip1 #tooltipnote").val();
        $('#text_editor_textarea').sceditor("instance").insert('<embed src=' + d + ' width=' + 500 + ' height=' + 300 + '></embed>')
    });
    $('.post').each(function() {
        var m = $(this).html().replace(/\[tooltip=(.*?)\](.*?)\[\/tooltip]/gi, '<span class="tooltip"><datatip>$1</datatip><texttip>*$2</texttip></span>');
        $(this).html(m)
    });
    $('.post ').find('.tooltip').each(function() {
        var s = $(this);
        $(s).hover(function() {
            $(s).find('datatip').show()
        }, function() {
            $(s).find('datatip').hide()
        })
    })
});
$(document).on('ready', function() {
    $(".sceditor-container").append('<div class="sceditor-dropdown sceditor-tooltip2" style="display:none;margin-top: 27px;"><div><label for="tooltiptext" style="text-align:right;font-size: 16px;" >رابط المقطع الصوتي</label><input type="text" id="tooltiptext" style = "float:left;text-align: left;" placeholder="//:http"><br /><input type="button" style = "margin: 1px -3px 1px 78px;"class="button" value="إدراج"></div></div>');
    $('<a class= "sceditor-button sceditor-button-paletaavanzada2" unselectable="on"  title= "إدراج مقطع صوتي "><div style="background-image:url(http://i39.servimg.com/u/f39/14/83/59/48/sound-10.png)">BBCode Tooltip</div></a>').insertAfter('.sceditor-button-link').click(function() {
        var f = $(".sceditor-tooltip2").css("display");
        if (f == 'none') {
            $(".sceditor-tooltip2").css({
                "left": $(this).position().left,
                "top": $(this).position().top,
            }).show()
        } else {
            $(".sceditor-tooltip2").hide()
        }
    });
    $(".sceditor-tooltip2 .button").click(function() {
        var e = $(".sceditor-tooltip2 #tooltiptext").val();
        var f = $(".sceditor-tooltip2 #tooltipnote").val();
        $('#text_editor_textarea').sceditor("instance").insert('<object id="audioplayer_1" data="http://althkr.com/templates/swf/player3.swf" style="outline: none" name="audioplayer_1" type="application/x-shockwave-flash" height="24" width="100%"><param value="#FFFFFF" name="bgcolor"><param value="transparent" name="wmode"><param value="false" name="menu"><param value="' + e + '" name="flashvars"></object>')
    });
    $('.post').each(function() {
        var m = $(this).html().replace(/\[tooltip=(.*?)\](.*?)\[\/tooltip]/gi, '<span class="tooltip"><datatip>$1</datatip><texttip>*$2</texttip></span>');
        $(this).html(m)
    });
    $('.post ').find('.tooltip').each(function() {
        var s = $(this);
        $(s).hover(function() {
            $(s).find('datatip').show()
        }, function() {
            $(s).find('datatip').hide()
        })
    })
});
$(document).on('ready', function() {
    $('<a class= "sceditor-button bbcode-classic"  title= "إسم العضو"><div style="background-image:url(http://i57.servimg.com/u/f57/11/54/61/22/im_mes10.png)">Success Note</div></a>').insertAfter('.sceditor-button-date').click(function() {
        $('#text_editor_textarea').sceditor('instance').insert('{USERNAME}');
        return false
    });
    $('<a class="sceditor-button bbcode-tip"  title="نص مشع"><div  style="background-image:url(http://i39.servimg.com/u/f39/14/83/59/48/wand-m11.png)">Tips</div></a>').insertAfter('.sceditor-button-horizontalrule').click(function() {
        $('#text_editor_textarea').sceditor("instance").insert('[blur]', '[/blur]');
        return false
    });
    $('<a class="sceditor-button bbcode-myexample"  title="إطار للعنوان"><div  style="background-image:url(http://i39.servimg.com/u/f39/14/83/59/48/wrwrwe10.png)">Tips</div></a>').insertAfter('.sceditor-button-horizontalrule').click(function() {
        $('#text_editor_textarea').sceditor("instance").insert('[table class=gdwl][tr][td]', '[/td][/tr][/table]');
        return false
    });
    $('<a class="sceditor-button bbcode-important"  title="قلب النص"><div  style="background-image:url(http://i71.servimg.com/u/f71/14/83/59/48/reload11.png)">Info note</div></a>').insertAfter('.sceditor-button-horizontalrule').click(function() {
        $('#text_editor_textarea').sceditor("instance").insert('[flipv]', '[/flipv]');
        return false
    })
});
var skin_color_picker = "light";
$(function() {
    $(function() {
        $("#text_editor_textarea").length != 0 && (function(e) {
            var t = function() {
                var t = 65,
                    n = {
                        eventName: "click",
                        onShow: function() {},
                        onBeforeShow: function() {},
                        onHide: function() {},
                        onChange: function() {},
                        onSubmit: function() {},
                        color: "ff0000",
                        livePreview: !0,
                        skin: "light",
                        flat: !1
                    },
                    r = function(t, n) {
                        var r = D(t);
                        e(n).data("colorpicker").fields.eq(1).val(r.r).end().eq(2).val(r.g).end().eq(3).val(r.b).end()
                    },
                    i = function(t, n) {
                        e(n).data("colorpicker").fields.eq(4).val(t.h).end().eq(5).val(t.s).end().eq(6).val(t.b).end()
                    },
                    s = function(t, n) {
                        e(n).data("colorpicker").fields.eq(0).val(P(D(t))).end()
                    },
                    o = function(t, n) {
                        e(n).data("colorpicker").selector.css("backgroundColor", "#" + P(D({
                            h: t.h,
                            s: 100,
                            b: 100
                        })));
                        e(n).data("colorpicker").selectorIndic.css({
                            left: parseInt(150 * t.s / 100, 10),
                            top: parseInt(150 * (100 - t.b) / 100, 10)
                        })
                    },
                    u = function(t, n) {
                        e(n).data("colorpicker").hue.css("top", parseInt(150 - 150 * t.h / 360, 10))
                    },
                    a = function(t, n) {
                        e(n).data("colorpicker").currentColor.css("backgroundColor", "#" + P(D(t)))
                    },
                    f = function(t, n) {
                        e(n).data("colorpicker").newColor.css("backgroundColor", "#" + P(D(t)))
                    },
                    l = function(n) {
                        n = n.charCode || n.keyCode || -1;
                        if (n > t && n <= 90 || n == 32) return !1;
                        e(this).parent().parent().data("colorpicker").livePreview === !0 && h.apply(this)
                    },
                    h = function(t) {
                        var n = e(this).parent().parent(),
                            a;
                        if (this.parentNode.className.indexOf("_hex") > 0) {
                            a = n.data("colorpicker");
                            var l = this.value,
                                h = 6 - l.length;
                            if (h > 0) {
                                for (var p = [], d = 0; d < h; d++) p.push("0");
                                p.push(l);
                                l = p.join("")
                            }
                            l = _(M(l));
                            a.color = a = l
                        } else this.parentNode.className.indexOf("_hsb") > 0 ? n.data("colorpicker").color = a = O({
                            h: parseInt(n.data("colorpicker").fields.eq(4).val(), 10),
                            s: parseInt(n.data("colorpicker").fields.eq(5).val(), 10),
                            b: parseInt(n.data("colorpicker").fields.eq(6).val(), 10)
                        }) : (a = n.data("colorpicker"), l = {
                            r: parseInt(n.data("colorpicker").fields.eq(1).val(), 10),
                            g: parseInt(n.data("colorpicker").fields.eq(2).val(), 10),
                            b: parseInt(n.data("colorpicker").fields.eq(3).val(), 10)
                        }, a.color = a = _({
                            r: Math.min(255, Math.max(0, l.r)),
                            g: Math.min(255, Math.max(0, l.g)),
                            b: Math.min(255, Math.max(0, l.b))
                        }));
                        t && (r(a, n.get(0)), s(a, n.get(0)), i(a, n.get(0)));
                        o(a, n.get(0));
                        u(a, n.get(0));
                        f(a, n.get(0));
                        n.data("colorpicker").onChange.apply(n, [a, P(D(a)), D(a)])
                    },
                    p = function() {
                        e(this).parent().parent().data("colorpicker").fields.parent().removeClass("colorpicker_focus")
                    },
                    d = function() {
                        t = this.parentNode.className.indexOf("_hex") > 0 ? 70 : 65;
                        e(this).parent().parent().data("colorpicker").fields.parent().removeClass("colorpicker_focus");
                        e(this).parent().addClass("colorpicker_focus")
                    },
                    v = function(t) {
                        var n = e(this).parent().find("input").focus(),
                            t = {
                                el: e(this).parent().addClass("colorpicker_slider"),
                                max: this.parentNode.className.indexOf("_hsb_h") > 0 ? 360 : this.parentNode.className.indexOf("_hsb") > 0 ? 100 : 255,
                                y: t.pageY,
                                field: n,
                                val: parseInt(n.val(), 10),
                                preview: e(this).parent().parent().data("colorpicker").livePreview
                            };
                        e(document).bind("mouseup", t, g);
                        e(document).bind("mousemove", t, m)
                    },
                    m = function(e) {
                        e.data.field.val(Math.max(0, Math.min(e.data.max, parseInt(e.data.val + e.pageY - e.data.y, 10))));
                        e.data.preview && h.apply(e.data.field.get(0), [!0]);
                        return !1
                    },
                    g = function(t) {
                        h.apply(t.data.field.get(0), [!0]);
                        t.data.el.removeClass("colorpicker_slider").find("input").focus();
                        e(document).unbind("mouseup", g);
                        e(document).unbind("mousemove", m);
                        return !1
                    },
                    y = function() {
                        var t = {
                            cal: e(this).parent(),
                            y: e(this).offset().top
                        };
                        t.preview = t.cal.data("colorpicker").livePreview;
                        e(document).bind("mouseup", t, w);
                        e(document).bind("mousemove", t, b)
                    },
                    b = function(e) {
                        h.apply(e.data.cal.data("colorpicker").fields.eq(4).val(parseInt(360 * (150 - Math.max(0, Math.min(150, e.pageY - e.data.y))) / 150, 10)).get(0), [e.data.preview]);
                        return !1
                    },
                    w = function(t) {
                        r(t.data.cal.data("colorpicker").color, t.data.cal.get(0));
                        s(t.data.cal.data("colorpicker").color, t.data.cal.get(0));
                        e(document).unbind("mouseup", w);
                        e(document).unbind("mousemove", b);
                        return !1
                    },
                    E = function() {
                        var t = {
                            cal: e(this).parent(),
                            pos: e(this).offset()
                        };
                        t.preview = t.cal.data("colorpicker").livePreview;
                        e(document).bind("mouseup", t, x);
                        e(document).bind("mousemove", t, S)
                    },
                    S = function(e) {
                        h.apply(e.data.cal.data("colorpicker").fields.eq(6).val(parseInt(100 * (150 - Math.max(0, Math.min(150, e.pageY - e.data.pos.top))) / 150, 10)).end().eq(5).val(parseInt(100 * Math.max(0, Math.min(150, e.pageX - e.data.pos.left)) / 150, 10)).get(0), [e.data.preview]);
                        return !1
                    },
                    x = function(t) {
                        r(t.data.cal.data("colorpicker").color, t.data.cal.get(0));
                        s(t.data.cal.data("colorpicker").color, t.data.cal.get(0));
                        e(document).unbind("mouseup", x);
                        e(document).unbind("mousemove", S);
                        return !1
                    },
                    T = function() {
                        e(this).addClass("colorpicker_focus")
                    },
                    N = function() {
                        e(this).removeClass("colorpicker_focus")
                    },
                    C = function(t) {
                        var n = e(this).parent(),
                            r = n.data("colorpicker").color;
                        n.data("colorpicker").origColor = r;
                        a(r, n.get(0));
                        n.data("colorpicker").onSubmit(r, P(D(r)), D(r), n.data("colorpicker").el, t);
                        e(this).parent().hide()
                    },
                    k = function() {
                        var t = e("#" + e(this).data("colorpickerId"));
                        t.data("colorpicker").onBeforeShow.apply(this, [t.get(0)]);
                        var n = e(this).offset(),
                            r;
                        r = document.compatMode == "CSS1Compat";
                        r = {
                            l: window.pageXOffset || (r ? document.documentElement.scrollLeft : document.body.scrollLeft),
                            t: window.pageYOffset || (r ? document.documentElement.scrollTop : document.body.scrollTop),
                            w: window.innerWidth || (r ? document.documentElement.clientWidth : document.body.clientWidth),
                            h: window.innerHeight || (r ? document.documentElement.clientHeight : document.body.clientHeight)
                        };
                        var i = n.top + this.offsetHeight,
                            n = n.left;
                        i + 176 > r.t + r.h && (i -= this.offsetHeight + 176);
                        n + 356 > r.l + r.w && (n -= 356);
                        t.css({
                            left: n + "px",
                            top: i + "px"
                        });
                        t.data("colorpicker").onShow.apply(this, [t.get(0)]) != !1 && t.show("fast");
                        e(document).bind("mousedown", {
                            cal: t
                        }, L);
                        return !1
                    },
                    L = function(t) {
                        A(t.data.cal.get(0), t.target, t.data.cal.get(0)) || (t.data.cal.data("colorpicker").onHide.apply(this, [t.data.cal.get(0)]) != !1 && t.data.cal.hide(), e(document).unbind("mousedown", L))
                    },
                    A = function(e, t, n) {
                        if (e == t) return !0;
                        if (e.contains) return e.contains(t);
                        if (e.compareDocumentPosition) return !!(e.compareDocumentPosition(t) & 16);
                        for (t = t.parentNode; t && t != n;) {
                            if (t == e) return !0;
                            t = t.parentNode
                        }
                        return !1
                    },
                    O = function(e) {
                        return {
                            h: Math.min(360, Math.max(0, e.h)),
                            s: Math.min(100, Math.max(0, e.s)),
                            b: Math.min(100, Math.max(0, e.b))
                        }
                    },
                    M = function(e) {
                        e = parseInt(e.indexOf("#") > -1 ? e.substring(1) : e, 16);
                        return {
                            r: e >> 16,
                            g: (e & 65280) >> 8,
                            b: e & 255
                        }
                    },
                    _ = function(e) {
                        var t = {
                                h: 0,
                                s: 0,
                                b: 0
                            },
                            n = Math.max(e.r, e.g, e.b),
                            r = n - Math.min(e.r, e.g, e.b);
                        t.b = n;
                        t.s = n != 0 ? 255 * r / n : 0;
                        t.h = t.s != 0 ? e.r == n ? (e.g - e.b) / r : e.g == n ? 2 + (e.b - e.r) / r : 4 + (e.r - e.g) / r : -1;
                        t.h *= 60;
                        t.h < 0 && (t.h += 360);
                        t.s *= 100 / 255;
                        t.b *= 100 / 255;
                        return t
                    },
                    D = function(e) {
                        var t = {},
                            n = Math.round(e.h),
                            r = Math.round(e.s * 255 / 100),
                            e = Math.round(e.b * 255 / 100);
                        if (r == 0) t.r = t.g = t.b = e;
                        else {
                            var r = (255 - r) * e / 255,
                                i = (e - r) * (n % 60) / 60;
                            n == 360 && (n = 0);
                            n < 60 ? (t.r = e, t.b = r, t.g = r + i) : n < 120 ? (t.g = e, t.b = r, t.r = e - i) : n < 180 ? (t.g = e, t.r = r, t.b = r + i) : n < 240 ? (t.b = e, t.r = r, t.g = e - i) : n < 300 ? (t.b = e, t.g = r, t.r = r + i) : n < 360 ? (t.r = e, t.g = r, t.b = e - i) : (t.r = 0, t.g = 0, t.b = 0)
                        }
                        return {
                            r: Math.round(t.r),
                            g: Math.round(t.g),
                            b: Math.round(t.b)
                        }
                    },
                    P = function(t) {
                        var n = [t.r.toString(16), t.g.toString(16), t.b.toString(16)];
                        e.each(n, function(e, t) {
                            t.length == 1 && (n[e] = "0" + t)
                        });
                        return n.join("")
                    },
                    H = function() {
                        var t = e(this).parent(),
                            n = t.data("colorpicker").origColor;
                        t.data("colorpicker").color = n;
                        r(n, t.get(0));
                        s(n, t.get(0));
                        i(n, t.get(0));
                        o(n, t.get(0));
                        u(n, t.get(0));
                        f(n, t.get(0))
                    };
                return {
                    init: function(t) {
                        t = e.extend({}, n, t || {});
                        if (typeof t.color == "string") t.color = _(M(t.color));
                        else if (t.color.r != void 0 && t.color.g != void 0 && t.color.b != void 0) t.color = _(t.color);
                        else if (t.color.h != void 0 && t.color.s != void 0 && t.color.b != void 0) t.color = O(t.color);
                        else return this;
                        return this.each(function() {
                            if (!e(this).data("colorpickerId")) {
                                var n = e.extend({}, t);
                                n.origColor = t.color;
                                var m = "collorpicker_" + parseInt(Math.random() * 1e3);
                                e(this).data("colorpickerId", m);
                                m = e('<div class="sceditor-dropdown colorpicker ' + n.skin + '"><div class="colorpicker_color"><div><div></div></div></div><div class="colorpicker_hue"><div></div></div><div class="colorpicker_new_color"></div><div class="colorpicker_current_color"></div><div class="colorpicker_hex"><input type="text" maxlength="6" size="6" /></div><div class="colorpicker_rgb_r colorpicker_field"><input type="text" maxlength="3" size="3" /><span></span></div><div class="colorpicker_rgb_g colorpicker_field"><input type="text" maxlength="3" size="3" /><span></span></div><div class="colorpicker_rgb_b colorpicker_field"><input type="text" maxlength="3" size="3" /><span></span></div><div class="colorpicker_hsb_h colorpicker_field"><input type="text" maxlength="3" size="3" /><span></span></div><div class="colorpicker_hsb_s colorpicker_field"><input type="text" size="3" /><span></span></div><div class="colorpicker_hsb_b colorpicker_field"><input type="text" size="3" /><span></span></div><div class="colorpicker_submit"></div></div>').attr("id", m);
                                n.flat ? m.appendTo(this).show("fast") : m.appendTo(document.body);
                                n.fields = m.find("input").bind("keyup", l).bind("change", h).bind("blur", p).bind("focus", d);
                                m.find("span").bind("mousedown", v).end().find(">div.colorpicker_current_color").bind("click", H);
                                n.selector = m.find("div.colorpicker_color").bind("mousedown", E);
                                n.selectorIndic = n.selector.find("div div");
                                n.el = this;
                                n.hue = m.find("div.colorpicker_hue div");
                                m.find("div.colorpicker_hue").bind("mousedown", y);
                                n.newColor = m.find("div.colorpicker_new_color");
                                n.currentColor = m.find("div.colorpicker_current_color");
                                m.data("colorpicker", n);
                                m.find("div.colorpicker_submit").bind("mouseenter", T).bind("mouseleave", N).bind("click", C);
                                r(n.color, m.get(0));
                                i(n.color, m.get(0));
                                s(n.color, m.get(0));
                                u(n.color, m.get(0));
                                o(n.color, m.get(0));
                                a(n.color, m.get(0));
                                f(n.color, m.get(0));
                                n.flat ? m.css({
                                    position: "relative",
                                    display: "block"
                                }) : e(this).bind(n.eventName, k)
                            }
                        })
                    },
                    showPicker: function() {
                        return this.each(function() {
                            e(this).data("colorpickerId") && k.apply(this)
                        })
                    },
                    hidePicker: function() {
                        return this.each(function() {
                            e(this).data("colorpickerId") && e("#" + e(this).data("colorpickerId")).hide()
                        })
                    },
                    setColor: function(t) {
                        if (typeof t == "string") t = _(M(t));
                        else if (t.r != void 0 && t.g != void 0 && t.b != void 0) t = _(t);
                        else if (t.h != void 0 && t.s != void 0 && t.b != void 0) t = O(t);
                        else return this;
                        return this.each(function() {
                            if (e(this).data("colorpickerId")) {
                                var n = e("#" + e(this).data("colorpickerId"));
                                n.data("colorpicker").color = t;
                                n.data("colorpicker").origColor = t;
                                r(t, n.get(0));
                                i(t, n.get(0));
                                s(t, n.get(0));
                                u(t, n.get(0));
                                o(t, n.get(0));
                                a(t, n.get(0));
                                f(t, n.get(0))
                            }
                        })
                    }
                }
            }();
            e.fn.extend({
                ColorPicker: t.init,
                ColorPickerHide: t.hidePicker,
                ColorPickerShow: t.showPicker,
                ColorPickerSetColor: t.setColor
            })
        }(jQuery), $('<a class="sceditor-button sceditor-button-paletaavanzada" unselectable="on" title="لون خط الكتابة"><div unselectable="on" style="cursor: pointer !important; opacity: 1 !important; background-image:url(http://i83.servimg.com/u/f83/17/45/19/77/color_10.png)"></div></a>').insertAfter(".sceditor-button-color").ColorPicker({
            color: my_getcookie("defColCP") ? my_getcookie("defColCP") : "#000000",
            flat: false,
            skin: skin_color_picker,
            onSubmit: function(e, t, n, r) {
                my_setcookie("defColCP", t, 1, 0);
                var i = $("#text_editor_textarea").sceditor("instance");
                i.inSourceMode() ? i.insertText("[color=#" + t + "]", "[/color]") : i.execCommand("forecolor", "#" + t);
                return !1
            }
        }))
    })
});
var editormaxi = false;
$(function() {
    $(function() {
        $('<a class="sceditor-button sceditor-button-maxi" unselectable="on" title="تكبير الصندوق"><div unselectable="on" style="cursor:pointer!important;opacity:1!important;background-image:url(http://i37.servimg.com/u/f37/17/45/19/77/full_s10.png)">Maximizar</div></a>').insertBefore('.sceditor-button-source').click(function() {
            $("#text_editor_textarea").sceditor("instance").maximize(editormaxi = !editormaxi).focus();
            if (editormaxi) {
                $(".sceditor-button-maxi").addClass("hover");
                $("div.sceditor-container").append('<div align="center" id="sceditor-maximized" class="sceditor-toolbar" style="width:100%;border-top:1px solid silver;position:absolute;bottom:0;"><input type="submit" value="معاينة" name="preview"> <input type="submit" value="ارسال" name="post"></div>');
                $(".sceditor-maximize").prop("style", $(".sceditor-maximize").attr("style") + ";text-align:center;");
                $("#fa_toolbar").hide()
            } else {
                $(".sceditor-button-maxi").removeClass("hover");
                $("#sceditor-maximized").remove();
                $("#fa_toolbar").show()
            }
        })
    })
})
avatar
Yassine Bablil
 
 

ذكر
عدد المساهمات : 8517
معدل النشاط : 9520
السُمعة : 162

https://ev1el.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: كود جافا لتغيير شكل المحرر

مُساهمة من طرف JoryAbdallah في السبت 28 يناير 2017 - 21:21

وعليكم السلام ورحمة الله وبركاته
الازرار مجموعه اكواد جافا تم وضعها بشكل مرتب ليتم اخراجها بهالشكل
ايقونة الالوان
طريقة التركيب اذهب إلى. لوحة الادارة. عناصر اضافية. HTML و JAVASCRIPT. اكواد javascript تفعيل اكواد javascript اختار نعم
وسجل ثم انشاء كود الاسم اي شئ اختار جميع صفحات
وضع الكود الاتي
الكود:


$(function() {
    $(function() {
        $(".sceditor-button-color").hide()
    })
});
document.write("<style>.sceditor-button-color{display:none!important}.sceditor-dropdown a:hover{background:#c22525}.colorpicker{background:url(https://i34.servimg.com/u/f34/14/83/59/48/light110.png)!important;display:none;font-family:Arial, Helvetica, sans-serif;height:176px;overflow:hidden;padding:0!important;position:absolute;width:356px;z-index:3}.colorpicker.dark{background:url(http://im35.gulfup.com/Vliab.jpg)!important}.colorpicker_color{background:red;cursor:crosshair;height:150px;left:14px;overflow:hidden;position:absolute;top:13px;width:150px}.colorpicker_color div{background:url(https://i83.servimg.com/u/f83/17/45/19/77/colorp10.png);height:150px;left:0;position:absolute;top:0;width:150px} .colorpicker_color div div{background:url(https://i83.servimg.com/u/f83/17/45/19/77/colorp10.gif); height:11px;left:0;margin:-5px 0 0 -5px;overflow:hidden;position:absolute;top:0;width:11px} .colorpicker_hue{cursor:n-resize;height:150px;left:171px;position:absolute;top:13px;width:35px}.colorpicker_hue div{background:url(https://i83.servimg.com/u/f83/17/45/19/77/colorp11.gif) left top;height:9px;left:0;margin:-4px 0 0;overflow:hidden;position:absolute;width:35px}.colorpicker_new_color{background:red;height:30px;left:213px;position:absolute;top:13px;width:60px}.colorpicker_current_color{background:red;height:30px;left:283px;position:absolute;top:13px;width:60px}.colorpicker input{background-color:transparent;border:1px solid transparent;color:#898989;font-family:Arial, Helvetica, sans-serif;font-size:10px;height:11px;margin:0;padding:0!important;position:absolute;right:11px;text-align:right;top:4px}.colorpicker_hex{background:url(https://i83.servimg.com/u/f83/17/45/19/77/custom11.png) top;height:22px;left:212px;position:absolute;top:142px;width:72px}.colorpicker.dark .colorpicker_hex{background:url(https://i83.servimg.com/u/f83/17/45/19/77/colorp11.png) top}.colorpicker_hex input{right:6px}.colorpicker_field{background-position:top;height:22px;position:absolute;width:62px}.colorpicker_field span{cursor:n-resize;height:22px;overflow:hidden;position:absolute;right:0;top:0;width:12px}.colorpicker_rgb_r{background-image:url(https://i83.servimg.com/u/f83/17/45/19/77/custom12.png);left:212px;top:52px}.colorpicker.dark .colorpicker_rgb_r{background-image:url(https://i83.servimg.com/u/f83/17/45/19/77/colorp12.png)}.colorpicker_rgb_g{background-image:url(https://i83.servimg.com/u/f83/17/45/19/77/custom13.png);left:212px;top:82px}.colorpicker.dark .colorpicker_rgb_g{background-image:url(https://i83.servimg.com/u/f83/17/45/19/77/colorp13.png)} .colorpicker_rgb_b{background-image:url(https://i83.servimg.com/u/f83/17/45/19/77/custom14.png);left:212px;top:112px}.colorpicker.dark .colorpicker_rgb_b{background-image:url(https://i83.servimg.com/u/f83/17/45/19/77/colorp14.png)} .colorpicker_hsb_b,.colorpicker_hsb_h,.colorpicker_hsb_s{display:none} .colorpicker_submit{background:url(https://i83.servimg.com/u/f83/17/45/19/77/accept10.png) no-repeat;cursor:pointer;height:50px;overflow:hidden;position:absolute;right:10px;top:118px;width:48px} .colorpicker_focus{background-position:center} .colorpicker_hex.colorpicker_focus{background-position:bottom} .colorpicker_submit.colorpicker_focus{background-position:bottom} .colorpicker_slider{background-position:bottom}</style>");

var skin_color_picker = "light";
$(function() {
    $(function() {
        $("#text_editor_textarea").length != 0 && (function(e) {
            var t = function() {
                var t = 65,
                    n = {
                        eventName: "click",
                        onShow: function() {},
                        onBeforeShow: function() {},
                        onHide: function() {},
                        onChange: function() {},
                        onSubmit: function() {},
                        color: "ff0000",
                        livePreview: !0,
                        skin: "light",
                        flat: !1
                    },
                    r = function(t, n) {
                        var r = D(t);
                        e(n).data("colorpicker").fields.eq(1).val(r.r).end().eq(2).val(r.g).end().eq(3).val(r.b).end()
                    },
                    i = function(t, n) {
                        e(n).data("colorpicker").fields.eq(4).val(t.h).end().eq(5).val(t.s).end().eq(6).val(t.b).end()
                    },
                    s = function(t, n) {
                        e(n).data("colorpicker").fields.eq(0).val(P(D(t))).end()
                    },
                    o = function(t, n) {
                        e(n).data("colorpicker").selector.css("backgroundColor", "#" + P(D({
                            h: t.h,
                            s: 100,
                            b: 100
                        })));
                        e(n).data("colorpicker").selectorIndic.css({
                            left: parseInt(150 * t.s / 100, 10),
                            top: parseInt(150 * (100 - t.b) / 100, 10)
                        })
                    },
                    u = function(t, n) {
                        e(n).data("colorpicker").hue.css("top", parseInt(150 - 150 * t.h / 360, 10))
                    },
                    a = function(t, n) {
                        e(n).data("colorpicker").currentColor.css("backgroundColor", "#" + P(D(t)))
                    },
                    f = function(t, n) {
                        e(n).data("colorpicker").newColor.css("backgroundColor", "#" + P(D(t)))
                    },
                    l = function(n) {
                        n = n.charCode || n.keyCode || -1;
                        if (n > t && n <= 90 || n == 32) return !1;
                        e(this).parent().parent().data("colorpicker").livePreview === !0 && h.apply(this)
                    },
                    h = function(t) {
                        var n = e(this).parent().parent(),
                            a;
                        if (this.parentNode.className.indexOf("_hex") > 0) {
                            a = n.data("colorpicker");
                            var l = this.value,
                                h = 6 - l.length;
                            if (h > 0) {
                                for (var p = [], d = 0; d < h; d++) p.push("0");
                                p.push(l);
                                l = p.join("")
                            }
                            l = _(M(l));
                            a.color = a = l
                        } else this.parentNode.className.indexOf("_hsb") > 0 ? n.data("colorpicker").color = a = O({
                            h: parseInt(n.data("colorpicker").fields.eq(4).val(), 10),
                            s: parseInt(n.data("colorpicker").fields.eq(5).val(), 10),
                            b: parseInt(n.data("colorpicker").fields.eq(6).val(), 10)
                        }) : (a = n.data("colorpicker"), l = {
                            r: parseInt(n.data("colorpicker").fields.eq(1).val(), 10),
                            g: parseInt(n.data("colorpicker").fields.eq(2).val(), 10),
                            b: parseInt(n.data("colorpicker").fields.eq(3).val(), 10)
                        }, a.color = a = _({
                            r: Math.min(255, Math.max(0, l.r)),
                            g: Math.min(255, Math.max(0, l.g)),
                            b: Math.min(255, Math.max(0, l.b))
                        }));
                        t && (r(a, n.get(0)), s(a, n.get(0)), i(a, n.get(0)));
                        o(a, n.get(0));
                        u(a, n.get(0));
                        f(a, n.get(0));
                        n.data("colorpicker").onChange.apply(n, [a, P(D(a)), D(a)])
                    },
                    p = function() {
                        e(this).parent().parent().data("colorpicker").fields.parent().removeClass("colorpicker_focus")
                    },
                    d = function() {
                        t = this.parentNode.className.indexOf("_hex") > 0 ? 70 : 65;
                        e(this).parent().parent().data("colorpicker").fields.parent().removeClass("colorpicker_focus");
                        e(this).parent().addClass("colorpicker_focus")
                    },
                    v = function(t) {
                        var n = e(this).parent().find("input").focus(),
                            t = {
                                el: e(this).parent().addClass("colorpicker_slider"),
                                max: this.parentNode.className.indexOf("_hsb_h") > 0 ? 360 : this.parentNode.className.indexOf("_hsb") > 0 ? 100 : 255,
                                y: t.pageY,
                                field: n,
                                val: parseInt(n.val(), 10),
                                preview: e(this).parent().parent().data("colorpicker").livePreview
                            };
                        e(document).bind("mouseup", t, g);
                        e(document).bind("mousemove", t, m)
                    },
                    m = function(e) {
                        e.data.field.val(Math.max(0, Math.min(e.data.max, parseInt(e.data.val + e.pageY - e.data.y, 10))));
                        e.data.preview && h.apply(e.data.field.get(0), [!0]);
                        return !1
                    },
                    g = function(t) {
                        h.apply(t.data.field.get(0), [!0]);
                        t.data.el.removeClass("colorpicker_slider").find("input").focus();
                        e(document).unbind("mouseup", g);
                        e(document).unbind("mousemove", m);
                        return !1
                    },
                    y = function() {
                        var t = {
                            cal: e(this).parent(),
                            y: e(this).offset().top
                        };
                        t.preview = t.cal.data("colorpicker").livePreview;
                        e(document).bind("mouseup", t, w);
                        e(document).bind("mousemove", t, b)
                    },
                    b = function(e) {
                        h.apply(e.data.cal.data("colorpicker").fields.eq(4).val(parseInt(360 * (150 - Math.max(0, Math.min(150, e.pageY - e.data.y))) / 150, 10)).get(0), [e.data.preview]);
                        return !1
                    },
                    w = function(t) {
                        r(t.data.cal.data("colorpicker").color, t.data.cal.get(0));
                        s(t.data.cal.data("colorpicker").color, t.data.cal.get(0));
                        e(document).unbind("mouseup", w);
                        e(document).unbind("mousemove", b);
                        return !1
                    },
                    E = function() {
                        var t = {
                            cal: e(this).parent(),
                            pos: e(this).offset()
                        };
                        t.preview = t.cal.data("colorpicker").livePreview;
                        e(document).bind("mouseup", t, x);
                        e(document).bind("mousemove", t, S)
                    },
                    S = function(e) {
                        h.apply(e.data.cal.data("colorpicker").fields.eq(6).val(parseInt(100 * (150 - Math.max(0, Math.min(150, e.pageY - e.data.pos.top))) / 150, 10)).end().eq(5).val(parseInt(100 * Math.max(0, Math.min(150, e.pageX - e.data.pos.left)) / 150, 10)).get(0), [e.data.preview]);
                        return !1
                    },
                    x = function(t) {
                        r(t.data.cal.data("colorpicker").color, t.data.cal.get(0));
                        s(t.data.cal.data("colorpicker").color, t.data.cal.get(0));
                        e(document).unbind("mouseup", x);
                        e(document).unbind("mousemove", S);
                        return !1
                    },
                    T = function() {
                        e(this).addClass("colorpicker_focus")
                    },
                    N = function() {
                        e(this).removeClass("colorpicker_focus")
                    },
                    C = function(t) {
                        var n = e(this).parent(),
                            r = n.data("colorpicker").color;
                        n.data("colorpicker").origColor = r;
                        a(r, n.get(0));
                        n.data("colorpicker").onSubmit(r, P(D(r)), D(r), n.data("colorpicker").el, t);
                        e(this).parent().hide()
                    },
                    k = function() {
                        var t = e("#" + e(this).data("colorpickerId"));
                        t.data("colorpicker").onBeforeShow.apply(this, [t.get(0)]);
                        var n = e(this).offset(),
                            r;
                        r = document.compatMode == "CSS1Compat";
                        r = {
                            l: window.pageXOffset || (r ? document.documentElement.scrollLeft : document.body.scrollLeft),
                            t: window.pageYOffset || (r ? document.documentElement.scrollTop : document.body.scrollTop),
                            w: window.innerWidth || (r ? document.documentElement.clientWidth : document.body.clientWidth),
                            h: window.innerHeight || (r ? document.documentElement.clientHeight : document.body.clientHeight)
                        };
                        var i = n.top + this.offsetHeight,
                            n = n.left;
                        i + 176 > r.t + r.h && (i -= this.offsetHeight + 176);
                        n + 356 > r.l + r.w && (n -= 356);
                        t.css({
                            left: n + "px",
                            top: i + "px"
                        });
                        t.data("colorpicker").onShow.apply(this, [t.get(0)]) != !1 && t.show("fast");
                        e(document).bind("mousedown", {
                            cal: t
                        }, L);
                        return !1
                    },
                    L = function(t) {
                        A(t.data.cal.get(0), t.target, t.data.cal.get(0)) || (t.data.cal.data("colorpicker").onHide.apply(this, [t.data.cal.get(0)]) != !1 && t.data.cal.hide(), e(document).unbind("mousedown", L))
                    },
                    A = function(e, t, n) {
                        if (e == t) return !0;
                        if (e.contains) return e.contains(t);
                        if (e.compareDocumentPosition) return !!(e.compareDocumentPosition(t) & 16);
                        for (t = t.parentNode; t && t != n;) {
                            if (t == e) return !0;
                            t = t.parentNode
                        }
                        return !1
                    },
                    O = function(e) {
                        return {
                            h: Math.min(360, Math.max(0, e.h)),
                            s: Math.min(100, Math.max(0, e.s)),
                            b: Math.min(100, Math.max(0, e.b))
                        }
                    },
                    M = function(e) {
                        e = parseInt(e.indexOf("#") > -1 ? e.substring(1) : e, 16);
                        return {
                            r: e >> 16,
                            g: (e & 65280) >> 8,
                            b: e & 255
                        }
                    },
                    _ = function(e) {
                        var t = {
                                h: 0,
                                s: 0,
                                b: 0
                            },
                            n = Math.max(e.r, e.g, e.b),
                            r = n - Math.min(e.r, e.g, e.b);
                        t.b = n;
                        t.s = n != 0 ? 255 * r / n : 0;
                        t.h = t.s != 0 ? e.r == n ? (e.g - e.b) / r : e.g == n ? 2 + (e.b - e.r) / r : 4 + (e.r - e.g) / r : -1;
                        t.h *= 60;
                        t.h < 0 && (t.h += 360);
                        t.s *= 100 / 255;
                        t.b *= 100 / 255;
                        return t
                    },
                    D = function(e) {
                        var t = {},
                            n = Math.round(e.h),
                            r = Math.round(e.s * 255 / 100),
                            e = Math.round(e.b * 255 / 100);
                        if (r == 0) t.r = t.g = t.b = e;
                        else {
                            var r = (255 - r) * e / 255,
                                i = (e - r) * (n % 60) / 60;
                            n == 360 && (n = 0);
                            n < 60 ? (t.r = e, t.b = r, t.g = r + i) : n < 120 ? (t.g = e, t.b = r, t.r = e - i) : n < 180 ? (t.g = e, t.r = r, t.b = r + i) : n < 240 ? (t.b = e, t.r = r, t.g = e - i) : n < 300 ? (t.b = e, t.g = r, t.r = r + i) : n < 360 ? (t.r = e, t.g = r, t.b = e - i) : (t.r = 0, t.g = 0, t.b = 0)
                        }
                        return {
                            r: Math.round(t.r),
                            g: Math.round(t.g),
                            b: Math.round(t.b)
                        }
                    },
                    P = function(t) {
                        var n = [t.r.toString(16), t.g.toString(16), t.b.toString(16)];
                        e.each(n, function(e, t) {
                            t.length == 1 && (n[e] = "0" + t)
                        });
                        return n.join("")
                    },
                    H = function() {
                        var t = e(this).parent(),
                            n = t.data("colorpicker").origColor;
                        t.data("colorpicker").color = n;
                        r(n, t.get(0));
                        s(n, t.get(0));
                        i(n, t.get(0));
                        o(n, t.get(0));
                        u(n, t.get(0));
                        f(n, t.get(0))
                    };
                return {
                    init: function(t) {
                        t = e.extend({}, n, t || {});
                        if (typeof t.color == "string") t.color = _(M(t.color));
                        else if (t.color.r != void 0 && t.color.g != void 0 && t.color.b != void 0) t.color = _(t.color);
                        else if (t.color.h != void 0 && t.color.s != void 0 && t.color.b != void 0) t.color = O(t.color);
                        else return this;
                        return this.each(function() {
                            if (!e(this).data("colorpickerId")) {
                                var n = e.extend({}, t);
                                n.origColor = t.color;
                                var m = "collorpicker_" + parseInt(Math.random() * 1e3);
                                e(this).data("colorpickerId", m);
                                m = e('<div class="sceditor-dropdown colorpicker ' + n.skin + '"><div class="colorpicker_color"><div><div></div></div></div><div class="colorpicker_hue"><div></div></div><div class="colorpicker_new_color"></div><div class="colorpicker_current_color"></div><div class="colorpicker_hex"><input type="text" maxlength="6" size="6" /></div><div class="colorpicker_rgb_r colorpicker_field"><input type="text" maxlength="3" size="3" /><span></span></div><div class="colorpicker_rgb_g colorpicker_field"><input type="text" maxlength="3" size="3" /><span></span></div><div class="colorpicker_rgb_b colorpicker_field"><input type="text" maxlength="3" size="3" /><span></span></div><div class="colorpicker_hsb_h colorpicker_field"><input type="text" maxlength="3" size="3" /><span></span></div><div class="colorpicker_hsb_s colorpicker_field"><input type="text" size="3" /><span></span></div><div class="colorpicker_hsb_b colorpicker_field"><input type="text" size="3" /><span></span></div><div class="colorpicker_submit"></div></div>').attr("id", m);
                                n.flat ? m.appendTo(this).show("fast") : m.appendTo(document.body);
                                n.fields = m.find("input").bind("keyup", l).bind("change", h).bind("blur", p).bind("focus", d);
                                m.find("span").bind("mousedown", v).end().find(">div.colorpicker_current_color").bind("click", H);
                                n.selector = m.find("div.colorpicker_color").bind("mousedown", E);
                                n.selectorIndic = n.selector.find("div div");
                                n.el = this;
                                n.hue = m.find("div.colorpicker_hue div");
                                m.find("div.colorpicker_hue").bind("mousedown", y);
                                n.newColor = m.find("div.colorpicker_new_color");
                                n.currentColor = m.find("div.colorpicker_current_color");
                                m.data("colorpicker", n);
                                m.find("div.colorpicker_submit").bind("mouseenter", T).bind("mouseleave", N).bind("click", C);
                                r(n.color, m.get(0));
                                i(n.color, m.get(0));
                                s(n.color, m.get(0));
                                u(n.color, m.get(0));
                                o(n.color, m.get(0));
                                a(n.color, m.get(0));
                                f(n.color, m.get(0));
                                n.flat ? m.css({
                                    position: "relative",
                                    display: "block"
                                }) : e(this).bind(n.eventName, k)
                            }
                        })
                    },
                    showPicker: function() {
                        return this.each(function() {
                            e(this).data("colorpickerId") && k.apply(this)
                        })
                    },
                    hidePicker: function() {
                        return this.each(function() {
                            e(this).data("colorpickerId") && e("#" + e(this).data("colorpickerId")).hide()
                        })
                    },
                    setColor: function(t) {
                        if (typeof t == "string") t = _(M(t));
                        else if (t.r != void 0 && t.g != void 0 && t.b != void 0) t = _(t);
                        else if (t.h != void 0 && t.s != void 0 && t.b != void 0) t = O(t);
                        else return this;
                        return this.each(function() {
                            if (e(this).data("colorpickerId")) {
                                var n = e("#" + e(this).data("colorpickerId"));
                                n.data("colorpicker").color = t;
                                n.data("colorpicker").origColor = t;
                                r(t, n.get(0));
                                i(t, n.get(0));
                                s(t, n.get(0));
                                u(t, n.get(0));
                                o(t, n.get(0));
                                a(t, n.get(0));
                                f(t, n.get(0))
                            }
                        })
                    }
                }
            }();
            e.fn.extend({
                ColorPicker: t.init,
                ColorPickerHide: t.hidePicker,
                ColorPickerShow: t.showPicker,
                ColorPickerSetColor: t.setColor
            })
        }(jQuery), $('<a class="sceditor-button sceditor-button-paletaavanzada" unselectable="on" title="Цвет текста."><div unselectable="on" style="cursor: pointer !important; opacity: 1 !important; background-image:url(https://i83.servimg.com/u/f83/17/45/19/77/color_10.png)"></div></a>').insertAfter(".sceditor-button-color").ColorPicker({
            color: my_getcookie("defColCP") ? my_getcookie("defColCP") : "#000000",
            flat: false,
            skin: skin_color_picker,
            onSubmit: function(e, t, n, r) {
                my_setcookie("defColCP", t, 1, 0);
                var i = $("#text_editor_textarea").sceditor("instance");
                i.inSourceMode() ? i.insertText("[color=#" + t + "]", "[/color]") : i.execCommand("forecolor", "#" + t);
                return !1
            }
        }))
    })
});
var editormaxi = false;
$(function() {
    $(function() {
        $('<a class="sceditor-button sceditor-button-maxi" unselectable="on" title="Поле «Масштаб»"><div unselectable="on" style="cursor:pointer!important;opacity:1!important;background-image:url(https://i37.servimg.com/u/f37/17/45/19/77/full_s10.png)">Развернуть редактор</div></a>').insertBefore('.sceditor-button-source').click(function() {
            $("#text_editor_textarea").sceditor("instance").maximize(editormaxi = !editormaxi).focus();
            if (editormaxi) {
                $(".sceditor-button-maxi").addClass("hover");
                $("div.sceditor-container").append('<div align="center" id="sceditor-maximized" class="sceditor-toolbar" style="width:100%;border-top:1px solid silver;position:absolute;bottom:0;"><input type="submit" value="Предпросмотр" name="preview"> <input type="submit" value="Отправить" name="post"></div>');
                $(".sceditor-maximize").prop("style", $(".sceditor-maximize").attr("style") + ";text-align:center;");
                $("#fa_toolbar").hide()
            } else {
                $(".sceditor-button-maxi").removeClass("hover");
                $("#sceditor-maximized").remove();
                $("#fa_toolbar").show()
            }
        })
    })
})

صورة للازرار التنسيق
http://i65.tinypic.com/2ywacuc.png
جافا .. جميع الصفحات
الكود:


jQuery(function(){
      jQuery(function(){
        jQuery('<a class="sceditor-button sceditor-button-sucesso" unselectable="on" title="Sucesso"><div unselectable="on" style="background-image:url(http://i.imgur.com/EISZPwN.png)">Sucesso</div></a>').insertBefore('.sceditor-button-size').click(function(){
                jQuery('#text_editor_textarea').sceditor("instance").insertText("[table class=sucesso][tr][td]","[/td][/tr][/table]");
        });
        jQuery('<a class="sceditor-button sceditor-button-alerta" unselectable="on" title="Alerta"><div unselectable="on" style="background-image:url(http://i.imgur.com/lMsD0nE.png)">Alerta</div></a>').insertAfter('.sceditor-button-sucesso').click(function(){
                jQuery('#text_editor_textarea').sceditor("instance").insertText("[table class=alerta][tr][td]","[/td][/tr][/table]");
        });
        jQuery('<a class="sceditor-button sceditor-button-aviso" unselectable="on" title="Aviso"><div unselectable="on" style="background-image:url(http://i.imgur.com/cI8SnOI.png)">Aviso</div></a>').insertAfter('.sceditor-button-alerta').click(function(){
                jQuery('#text_editor_textarea').sceditor("instance").insertText("[table class=aviso][tr][td]","[/td][/tr][/table]");
        });
        jQuery('<a class="sceditor-button sceditor-button-info" unselectable="on" title="Informaçمo"><div unselectable="on" style="background-image:url(http://i.imgur.com/40zM1qS.png)">Informaçمo</div></a>').insertAfter('.sceditor-button-aviso').click(function(){
                jQuery('#text_editor_textarea').sceditor("instance").insertText("[table class=infos][tr][td]","[/td][/tr][/table]");
        });
        });
      });

ثم اذهب إلى لوحة الإدارة . مظهر المنتدى. صور والوان. الوان. ورقة css
واضف الكود الاتي وسجل ..
الكود:


.sucesso, .alerta, .aviso, .infos {
padding: 8px 8px 8px 40px;
width: 99%;
text-shadow: 0 1px 0 #FFFAF1;
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2) inset;
font-weight: bold;
border-radius: 3px 3px 3px 3px;
}
.sucesso {
background: url('http://cdn3.iconfinder.com/data/icons/fatcow/32x32_0020/accept.png') no-repeat 6px #effeb9;
border: 1px solid #9ac601;
color: #4F8A10;
}
.alerta {
background: url('http://cdn1.iconfinder.com/data/icons/nuvola2/32x32/actions/messagebox_warning.png') no-repeat 6px #fccac3;
border: 1px solid #db3f23;
color: #D8000C;
}
.aviso {
background: url('http://cdn3.iconfinder.com/data/icons/fatcow/32x32_0400/error.png') no-repeat 6px #ffeaa9;
border: 1px solid #f9b516;
color: #9F6000;
}
.infos {
background: url('http://cdn1.iconfinder.com/data/icons/musthave/24/Information.png') no-repeat 6px #d1e4f3;
border: 1px solid #4d8fcb;
color: #00529B;
}



 التقنيات المتقدمة جديد الاكواد والقوالب الحصرية لتطوير منتداك
 ضع موضوعك بالقسم مناسب .. ولا تكرر الردود واتبع تعليمات المساعدين
avatar
JoryAbdallah
اشراف عام المساعدة
اشراف عام المساعدة

انثى
عدد المساهمات : 3664
معدل النشاط : 5166
السُمعة : 268

http://taqnyiat.ahlamontada.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: كود جافا لتغيير شكل المحرر

مُساهمة من طرف JoryAbdallah في السبت 28 يناير 2017 - 21:36

زر هشتاق بصندوق الرد
لتركيب الجافا سكربت يتوجب عليك الذهاب الى لوحة الأدارة >> عناصر إضافية >> HTML و JAVASCRIPT >> إدارة أكواد Javascript
اضغط على إنشاء كود جديد وأتبع التعليمات التالية


العنوان : أي شئ
أضف الكود الى : جميع الصفحات
الكود:


$(function(){

  if (!$.sceditor || /\/privmsg/.test(window.location.pathname)) return;

  var storage = window.localStorage, s = document.createElement('SELECT'), tags = '';

 

  if (storage && storage.faTags && storage.faTagsExp > +new Date - 29*59*1000 && storage.faTagsUser == _userdata.username) s.innerHTML = storage.faTags;

  else {

    $.get('/profile?mode=editprofile&page_profil=tags', function(d) {

      var h = $('form[name="tag_list"] a', d);

   

      if (h.length) {

        for (var i = 0, j = h.length, txt; i<j; i++) {

          txt = h[i].innerHTML.replace(/^\s+|\s+$/g,'');

          if (/^#/.test(txt)) {

            !tags && (tags += '<option value="">Select a tag</option>');

            tags += '<option value="'+ txt.slice(1) +'">' + (txt.length > 24 ? txt.slice(0, 25) + '...' : txt) + '</option>';

          }

        }

        s.innerHTML = tags;

      }

   

      if (storage) {

        storage.faTags = tags ? tags : 0;

        storage.faTagsUser = _userdata.username;

        storage.faTagsExp = +new Date;

      }

    });

  }

   

 

  $.sceditor.command.set('hashtag', {

    dropDown : function(editor, caller, callback) {

      var a = document.createElement('DIV'), b = document.createElement('INPUT'), c = document.createElement('INPUT');

      b.type = 'button';

      b.value = 'Insert';

      b.className = 'button';

     

      c.type = 'text';

      c.id = 'fa_hashtag';

     

      a.innerHTML = '<div><label for="fa_hashtag">Hashtag :</label></div>' + ( s.innerHTML ? '<div><label>Followed tags :</label></div>' : '' ) + '<div></div>';

      a.firstChild.appendChild(c);

      a.lastChild.appendChild(b);

     

      if (s.innerHTML != 0) {

        s.value = '';

        a.getElementsByTagName('DIV')[1].appendChild(s);

        s.onchange = function() {

          c.value = s.value;

        };

      }

     

      b.onclick = function() {

        c.value && callback(c.value);

        editor.closeDropDown(true);

      };

 

      editor.createDropDown(caller, 'inserthashtag', a);

    },

 

    exec : function(c) { tag(c, this) },

    txtExec : function(c) { tag(c, this) },

   

    tooltip : 'Insert a hashtag'

  });

 

  toolbar = toolbar.replace(/quote,/,'hashtag,quote,');

 

  function tag(c, e) {

    $.sceditor.command.get('hashtag').dropDown(e, c, function(tag) {

      e.insertText('#' + tag.replace(/^#/,'').replace(/[\xD7\xF7\x00-\x2F\x3A-\x40\x5B-\x60\x7B-\xBF]/g, '_') + ' ');

    });

  }

});

ايقونة التنسيقات
https://i37.servimg.com/u/f37/17/84/07/02/notifi13.png
الكود:


jQuery(window).load(function(){{jQuery('body').append('<div id="fa_modtable"class="select"style="visibility:hidden;width:auto;text-align:left;"><div class="rndmtablex"id="rndmtable1">حل / قبول</div><div class="rndmtablex" id="rndmtable2">تحذير</div><div class="rndmtablex"id="rndmtable4">ملاحظة</div><div class="rndmtablex"id="rndmtable5">تحميل</div><div class="rndmtablex"id="rndmtable3">مهم جدا</div>');jQuery('.sceditor-group:last-child').after('<div class="sceditor-group" id="fa_modtools"><a class="sceditor-button" title="Mod Tables" onclick="selectWysiwyg(this, \'fa_modtable\');"><div style="background:url(https://i37.servimg.com/u/f37/19/56/23/70/tools-11.png) no-repeat center;"></div></a></div>');jQuery('#rndmtable1').click(function(){jQuery('#text_editor_textarea').sceditor('instance').insertText('[table class="alert-x solvedbox"][tr][td class="alert-y"]','[/td][/tr][/table]')});jQuery('#rndmtable2').click(function(){jQuery('#text_editor_textarea').sceditor('instance').insertText('[table class="alert-x warningbox"][tr][td class="alert-y"]','[/td][/tr][/table]')});jQuery('#rndmtable3').click(function(){jQuery('#text_editor_textarea').sceditor('instance').insertText('[table class="alert-x informbox"][tr][td class="alert-y"]','[/td][/tr][/table]')});jQuery('.rndmtablex').click(function(){jQuery('#fa_modtable').css('visibility','hidden')});jQuery('#rndmtable4').click(function(){jQuery('#text_editor_textarea').sceditor('instance').insertText('[table class="alert-x notice-box"][tr][td class="alert-y"]','[/td][/tr][/table]')});jQuery('#rndmtable5').click(function(){jQuery('#text_editor_textarea').sceditor('instance').insertText('[table class="alert-x download-box"][tr][td class="alert-y"]','[/td][/tr][/table]')})}});


نفس الامر كود جافا وجميع الصفحات ...

اضافة ايقونات الضاحكة
الكود:


(function() {
  var config = {
    button_title : 'Emojis',
    auto_close : false,
    async_load : true,
   
    emoji_size : 16, // 16, 36, or 72
    emoji_list : '\uD83D\uDE00 \uD83D\uDE01 \uD83D\uDE02 \uD83D\uDE03 \uD83D\uDE04 \uD83D\uDE05 \uD83D\uDE06 \uD83D\uDE09 \uD83D\uDE0A \uD83D\uDE0B \uD83D\uDE0E \uD83D\uDE0D \uD83D\uDE18 \uD83D\uDE17 \uD83D\uDE19 \uD83D\uDE1A \u263A\uFE0F \uD83D\uDE07 \uD83D\uDE10 \uD83D\uDE11 \uD83D\uDE36 \uD83D\uDE0F \uD83D\uDE23 \uD83D\uDE25 \uD83D\uDE2E \uD83D\uDE2F \uD83D\uDE2A \uD83D\uDE2B \uD83D\uDE34 \uD83D\uDE0C \uD83D\uDE1B \uD83D\uDE1C \uD83D\uDE1D \uD83D\uDE12 \uD83D\uDE13 \uD83D\uDE14 \uD83D\uDE15 \uD83D\uDE16 \uD83D\uDE37 \uD83D\uDE32 \uD83D\uDE1E \uD83D\uDE1F \uD83D\uDE24 \uD83D\uDE22 \uD83D\uDE2D \uD83D\uDE26 \uD83D\uDE27 \uD83D\uDE28 \uD83D\uDE29 \uD83D\uDE2C \uD83D\uDE30 \uD83D\uDE31 \uD83D\uDE33 \uD83D\uDE35 \uD83D\uDE21 \uD83D\uDE20 \uD83D\uDC7F \uD83D\uDE08 \uD83D\uDC66 \uD83D\uDC67 \uD83D\uDC68 \uD83D\uDC69 \uD83D\uDC74 \uD83D\uDC75 \uD83D\uDC76 \uD83D\uDC71 \uD83D\uDC6E \uD83D\uDC72 \uD83D\uDC73 \uD83D\uDC77 \uD83D\uDC78 \uD83D\uDC82 \uD83C\uDF85 \uD83D\uDC7C \uD83D\uDC6F \uD83D\uDC86 \uD83D\uDC87 \uD83D\uDC70 \uD83D\uDE4D \uD83D\uDE4E \uD83D\uDE45 \uD83D\uDE46 \uD83D\uDC81 \uD83D\uDE4B \uD83D\uDE47 \uD83D\uDE4C \uD83D\uDE4F \uD83D\uDC64 \uD83D\uDC65 \uD83D\uDEB6 \uD83C\uDFC3 \uD83D\uDC83 \uD83D\uDC8F \uD83D\uDC91 \uD83D\uDC6A \uD83D\uDC6B \uD83D\uDC6C \uD83D\uDC6D \uD83D\uDCAA \uD83D\uDC48 \uD83D\uDC49 \u261D\uFE0F \uD83D\uDC46 \uD83D\uDC47 \u270C\uFE0F \u270A \u270B \uD83D\uDC4A \uD83D\uDC4C \uD83D\uDC4D \uD83D\uDC4E \uD83D\uDC4B \uD83D\uDC4F \uD83D\uDC50 \uD83D\uDC85 \uD83D\uDC63 \uD83D\uDC40 \uD83D\uDC42 \uD83D\uDC43 \uD83D\uDC45 \uD83D\uDC44 \uD83D\uDC8B \uD83D\uDC98 \u2764\uFE0F \uD83D\uDC93 \uD83D\uDC94 \uD83D\uDC95 \uD83D\uDC96 \uD83D\uDC97 \uD83D\uDC99 \uD83D\uDC9A \uD83D\uDC9B \uD83D\uDC9C \uD83D\uDC9D \uD83D\uDC9E \uD83D\uDC9F \uD83D\uDC8C \uD83D\uDCA7 \uD83D\uDCA4 \uD83D\uDCA2 \uD83D\uDCA3 \uD83D\uDCA5 \uD83D\uDCA6 \uD83D\uDCA8 \uD83D\uDCAB \uD83D\uDCAC \uD83D\uDCAD \uD83D\uDC53 \uD83D\uDC54 \uD83D\uDC55 \uD83D\uDC56 \uD83D\uDC57 \uD83D\uDC58 \uD83D\uDC59 \uD83D\uDC5A \uD83D\uDC5B \uD83D\uDC5C \uD83D\uDC5D \uD83C\uDF92 \uD83D\uDC5E \uD83D\uDC5F \uD83D\uDC60 \uD83D\uDC61 \uD83D\uDC62 \uD83D\uDC51 \uD83D\uDC52 \uD83C\uDFA9 \uD83D\uDC84 \uD83D\uDC8D \uD83D\uDC8E \uD83D\uDC79 \uD83D\uDC7A \uD83D\uDC7B \uD83D\uDC80 \uD83D\uDC7D \uD83D\uDC7E \uD83D\uDCA9 \uD83D\uDC35 \uD83D\uDE48 \uD83D\uDE49 \uD83D\uDE4A \uD83D\uDC12 \uD83D\uDC36 \uD83D\uDC15 \uD83D\uDC29 \uD83D\uDC3A \uD83D\uDC31 \uD83D\uDE38 \uD83D\uDE39 \uD83D\uDE3A \uD83D\uDE3B \uD83D\uDE3C \uD83D\uDE3D \uD83D\uDE3E \uD83D\uDE3F \uD83D\uDE40 \uD83D\uDC08 \uD83D\uDC2F \uD83D\uDC05 \uD83D\uDC06 \uD83D\uDC34 \uD83D\uDC0E \uD83D\uDC2E \uD83D\uDC02 \uD83D\uDC03 \uD83D\uDC04 \uD83D\uDC37 \uD83D\uDC16 \uD83D\uDC17 \uD83D\uDC3D \uD83D\uDC0F \uD83D\uDC11 \uD83D\uDC10 \uD83D\uDC2A \uD83D\uDC2B \uD83D\uDC18 \uD83D\uDC2D \uD83D\uDC01 \uD83D\uDC00 \uD83D\uDC39 \uD83D\uDC30 \uD83D\uDC07 \uD83D\uDC3B \uD83D\uDC28 \uD83D\uDC3C \uD83D\uDC3E \uD83D\uDC14 \uD83D\uDC13 \uD83D\uDC23 \uD83D\uDC24 \uD83D\uDC25 \uD83D\uDC26 \uD83D\uDC27 \uD83D\uDC38 \uD83D\uDC0A \uD83D\uDC22 \uD83D\uDC0D \uD83D\uDC32 \uD83D\uDC09 \uD83D\uDC33 \uD83D\uDC0B \uD83D\uDC2C \uD83D\uDC1F \uD83D\uDC20 \uD83D\uDC21 \uD83D\uDC19 \uD83D\uDC1A \uD83D\uDC0C \uD83D\uDC1B \uD83D\uDC1C \uD83D\uDC1D \uD83D\uDC1E \uD83D\uDC90 \uD83C\uDF38 \uD83D\uDCAE \uD83C\uDF39 \uD83C\uDF3A \uD83C\uDF3B \uD83C\uDF3C \uD83C\uDF37 \uD83C\uDF31 \uD83C\uDF32 \uD83C\uDF33 \uD83C\uDF34 \uD83C\uDF35 \uD83C\uDF3E \uD83C\uDF3F \uD83C\uDF40 \uD83C\uDF41 \uD83C\uDF42 \uD83C\uDF43 \uD83C\uDF47 \uD83C\uDF48 \uD83C\uDF49 \uD83C\uDF4A \uD83C\uDF4B \uD83C\uDF4C \uD83C\uDF4D \uD83C\uDF4E \uD83C\uDF4F \uD83C\uDF50 \uD83C\uDF51 \uD83C\uDF52 \uD83C\uDF53 \uD83C\uDF45 \uD83C\uDF46 \uD83C\uDF3D \uD83C\uDF44 \uD83C\uDF30 \uD83C\uDF5E \uD83C\uDF56 \uD83C\uDF57 \uD83C\uDF54 \uD83C\uDF5F \uD83C\uDF55 \uD83C\uDF72 \uD83C\uDF71 \uD83C\uDF58 \uD83C\uDF59 \uD83C\uDF5A \uD83C\uDF5B \uD83C\uDF5C \uD83C\uDF5D \uD83C\uDF60 \uD83C\uDF62 \uD83C\uDF63 \uD83C\uDF64 \uD83C\uDF65 \uD83C\uDF61 \uD83C\uDF66 \uD83C\uDF67 \uD83C\uDF68 \uD83C\uDF69 \uD83C\uDF6A \uD83C\uDF82 \uD83C\uDF70 \uD83C\uDF6B \uD83C\uDF6C \uD83C\uDF6D \uD83C\uDF6E \uD83C\uDF6F \uD83C\uDF7C \u2615 \uD83C\uDF75 \uD83C\uDF76 \uD83C\uDF77 \uD83C\uDF78 \uD83C\uDF79 \uD83C\uDF7A \uD83C\uDF7B \uD83C\uDF74 \uD83C\uDF73 \uD83C\uDF0D \uD83C\uDF0E \uD83C\uDF0F \uD83C\uDF10 \uD83C\uDF0B \uD83D\uDDFB \uD83C\uDFE0 \uD83C\uDFE1 \u26EA \uD83C\uDFE2 \uD83C\uDFE3 \uD83C\uDFE4 \uD83C\uDFE5 \uD83C\uDFE6 \uD83C\uDFE8 \uD83C\uDFE9 \uD83C\uDFEA \uD83C\uDFEB \uD83C\uDFEC \uD83C\uDFED \uD83C\uDFEF \uD83C\uDFF0 \uD83D\uDC92 \uD83D\uDDFC \uD83D\uDDFD \uD83D\uDDFE \u26F2 \u26FA \uD83C\uDF01 \uD83C\uDF03 \uD83C\uDF04 \uD83C\uDF05 \uD83C\uDF06 \uD83C\uDF07 \uD83C\uDF09 \uD83C\uDF0A \u2668\uFE0F \uD83D\uDDFF \uD83C\uDF0C \uD83C\uDFA0 \uD83C\uDFA1 \uD83C\uDFA2 \uD83D\uDC88 \uD83C\uDFAA \uD83C\uDFAD \uD83C\uDFA8 \uD83C\uDFB0 \uD83D\uDE82 \uD83D\uDE83 \uD83D\uDE84 \uD83D\uDE85 \uD83D\uDE86 \uD83D\uDE87 \uD83D\uDE88 \uD83D\uDE89 \uD83D\uDE8A \uD83D\uDE9D \uD83D\uDE9E \uD83D\uDE8B \uD83D\uDE8C \uD83D\uDE8D \uD83D\uDE8E \uD83D\uDE8F \uD83D\uDE90 \uD83D\uDE91 \uD83D\uDE92 \uD83D\uDE93 \uD83D\uDE94 \uD83D\uDE95 \uD83D\uDE96 \uD83D\uDE97 \uD83D\uDE98 \uD83D\uDE99 \uD83D\uDE9A \uD83D\uDE9B \uD83D\uDE9C \uD83D\uDEB2 \uD83D\uDEB3 \u26FD \uD83D\uDEA8 \u2693 \uD83D\uDD31 \u26F5 \uD83D\uDEA3 \uD83D\uDEA4 \uD83D\uDEA2 \u2708\uFE0F \uD83D\uDCBA \uD83D\uDE81 \uD83D\uDE9F \uD83D\uDEA0 \uD83D\uDEA1 \uD83D\uDE80 \uD83C\uDFE7 \uD83D\uDEAE \uD83D\uDEA5 \uD83D\uDEA6 \uD83D\uDEA7 \uD83D\uDEAB \uD83D\uDEAD \uD83D\uDEAF \uD83D\uDEB0 \uD83D\uDEB1 \uD83D\uDEB7 \uD83D\uDEB8 \u267F \uD83D\uDEB9 \uD83D\uDEBA \uD83D\uDEBB \uD83D\uDEBC \uD83D\uDEBE \uD83D\uDEC2 \uD83D\uDEC3 \uD83D\uDEC4 \uD83D\uDEC5 \u26A0\uFE0F \u26D4 \uD83D\uDEAA \uD83D\uDEBD \uD83D\uDEBF \uD83D\uDEC0 \uD83D\uDEC1 \u231B \u23F3 \u231A \u23F0 \uD83D\uDD5B \uD83D\uDD67 \uD83D\uDD50 \uD83D\uDD5C \uD83D\uDD51 \uD83D\uDD5D \uD83D\uDD52 \uD83D\uDD5E \uD83D\uDD53 \uD83D\uDD5F \uD83D\uDD54 \uD83D\uDD60 \uD83D\uDD55 \uD83D\uDD61 \uD83D\uDD56 \uD83D\uDD62 \uD83D\uDD57 \uD83D\uDD63 \uD83D\uDD58 \uD83D\uDD64 \uD83D\uDD59 \uD83D\uDD65 \uD83D\uDD5A \uD83D\uDD66 \u2648 \u2649 \u264A \u264B \u264C \u264D \u264E \u264F \u2650 \u2651 \u2652 \u2653 \u26CE \uD83C\uDF11 \uD83C\uDF12 \uD83C\uDF13 \uD83C\uDF14 \uD83C\uDF15 \uD83C\uDF16 \uD83C\uDF17 \uD83C\uDF18 \uD83C\uDF19 \uD83C\uDF1A \uD83C\uDF1B \uD83C\uDF1C \u2600\uFE0F \uD83C\uDF1D \uD83C\uDF1E \u2601\uFE0F \u26C5 \uD83C\uDF00 \uD83C\uDF08 \uD83C\uDF02 \u2614 \u2744\uFE0F \u26C4 \uD83C\uDF1F \uD83C\uDF20 \uD83D\uDD25 \uD83C\uDF83 \uD83C\uDF84 \uD83C\uDF86 \uD83C\uDF87 \u2728 \uD83C\uDF88 \uD83C\uDF89 \uD83C\uDF8A \uD83C\uDF8B \uD83C\uDF8C \uD83C\uDF8D \uD83C\uDF8E \uD83C\uDF8F \uD83C\uDF90 \uD83C\uDF91 \uD83C\uDF93 \uD83C\uDFAF \uD83C\uDFB4 \uD83C\uDF80 \uD83C\uDF81 \uD83C\uDFAB \u26BD \u26BE \uD83C\uDFC0 \uD83C\uDFC8 \uD83C\uDFC9 \uD83C\uDFBE \uD83C\uDFB1 \uD83C\uDFB3 \u26F3 \uD83C\uDFA3 \uD83C\uDFBD \uD83C\uDFBF \uD83C\uDFC2 \uD83C\uDFC4 \uD83C\uDFC7 \uD83C\uDFCA \uD83D\uDEB4 \uD83D\uDEB5 \uD83C\uDFC6 \uD83C\uDFAE \uD83C\uDFB2 \u2660\uFE0F \u2665\uFE0F \u2666\uFE0F \u2663\uFE0F \uD83C\uDCCF \uD83C\uDC04 \uD83D\uDD07 \uD83D\uDD08 \uD83D\uDD09 \uD83D\uDD0A \uD83D\uDCE2 \uD83D\uDCE3 \uD83D\uDCEF \uD83D\uDD14 \uD83D\uDD15 \uD83D\uDD00 \uD83D\uDD01 \uD83D\uDD02 \u25B6\uFE0F \u23E9 \u25C0\uFE0F \u23EA \uD83D\uDD3C \u23EB \uD83D\uDD3D \u23EC \uD83C\uDFBC \uD83C\uDFB5 \uD83C\uDFB6 \uD83C\uDFA4 \uD83C\uDFA7 \uD83C\uDFB7 \uD83C\uDFB8 \uD83C\uDFB9 \uD83C\uDFBA \uD83C\uDFBB \uD83D\uDCFB \uD83D\uDCF1 \uD83D\uDCF3 \uD83D\uDCF4 \uD83D\uDCF2 \uD83D\uDCF5 \u260E\uFE0F \uD83D\uDCDE #\u20E3\uFE0F 0\u20E3\uFE0F 1\u20E3\uFE0F 2\u20E3\uFE0F 3\u20E3\uFE0F 4\u20E3\uFE0F 5\u20E3\uFE0F 6\u20E3\uFE0F 7\u20E3\uFE0F 8\u20E3\uFE0F 9\u20E3\uFE0F \uD83D\uDD1F \uD83D\uDCF6 \uD83D\uDCDF \uD83D\uDCE0 \uD83D\uDD0B \uD83D\uDD0C \uD83D\uDCBB \uD83D\uDCBD \uD83D\uDCBE \uD83D\uDCBF \uD83D\uDCC0 \uD83C\uDFA5 \uD83C\uDFA6 \uD83C\uDFAC \uD83D\uDCFA \uD83D\uDCF7 \uD83D\uDCF9 \uD83D\uDCFC \uD83D\uDD05 \uD83D\uDD06 \uD83D\uDD0D \uD83D\uDD0E \uD83D\uDD2C \uD83D\uDD2D \uD83D\uDCE1 \uD83D\uDCA1 \uD83D\uDD26 \uD83C\uDFEE \uD83D\uDCD4 \uD83D\uDCD5 \uD83D\uDCD6 \uD83D\uDCD7 \uD83D\uDCD8 \uD83D\uDCD9 \uD83D\uDCDA \uD83D\uDCD3 \uD83D\uDCD2 \uD83D\uDCC3 \uD83D\uDCDC \uD83D\uDCC4 \uD83D\uDCF0 \uD83D\uDCD1 \uD83D\uDD16 \uD83D\uDCB0 \uD83D\uDCB4 \uD83D\uDCB5 \uD83D\uDCB6 \uD83D\uDCB7 \uD83D\uDCB8 \uD83D\uDCB1 \uD83D\uDCB2 \uD83D\uDCB3 \uD83D\uDCB9 \u2709\uFE0F \uD83D\uDCE7 \uD83D\uDCE8 \uD83D\uDCE9 \uD83D\uDCE4 \uD83D\uDCE5 \uD83D\uDCE6 \uD83D\uDCEB \uD83D\uDCEA \uD83D\uDCEC \uD83D\uDCED \uD83D\uDCEE \u270F\uFE0F \u2712\uFE0F \uD83D\uDCDD \uD83D\uDCBC \uD83D\uDCC1 \uD83D\uDCC2 \uD83D\uDCC5 \uD83D\uDCC6 \uD83D\uDCC7 \uD83D\uDCC8 \uD83D\uDCC9 \uD83D\uDCCA \uD83D\uDCCB \uD83D\uDCCC \uD83D\uDCCD \uD83D\uDCCE \uD83D\uDCCF \uD83D\uDCD0 \uD83D\uDCDB \u2702\uFE0F \uD83D\uDD12 \uD83D\uDD13 \uD83D\uDD0F \uD83D\uDD10 \uD83D\uDD11 \uD83D\uDD28 \uD83D\uDD27 \uD83D\uDD29 \uD83D\uDD17 \uD83D\uDC89 \uD83D\uDC8A \uD83D\uDD2A \uD83D\uDD2B \uD83D\uDEAC \uD83C\uDFC1 \uD83D\uDEA9 \uD83C\uDDE8\uD83C\uDDF3 \uD83C\uDDEB\uD83C\uDDF7 \uD83C\uDDE9\uD83C\uDDEA \uD83C\uDDEE\uD83C\uDDF9 \uD83C\uDDEF\uD83C\uDDF5 \uD83C\uDDF7\uD83C\uDDFA \uD83C\uDDF0\uD83C\uDDF7 \uD83C\uDDEA\uD83C\uDDF8 \uD83C\uDDEC\uD83C\uDDE7 \uD83C\uDDFA\uD83C\uDDF8 \u2B06\uFE0F \u2197\uFE0F \u27A1\uFE0F \u2198\uFE0F \u2B07\uFE0F \u2199\uFE0F \u2B05\uFE0F \u2196\uFE0F \u2195\uFE0F \u2194\uFE0F \u21A9\uFE0F \u21AA\uFE0F \u2934\uFE0F \u2935\uFE0F \uD83D\uDD03 \uD83D\uDD04 \uD83D\uDD19 \uD83D\uDD1A \uD83D\uDD1B \uD83D\uDD1C \uD83D\uDD1D \uD83D\uDD30 \uD83D\uDD2E \uD83D\uDD2F \u267B\uFE0F \u26A1 \u2B50 \u2B55 \u2705 \u2611\uFE0F \u2714\uFE0F \u2716\uFE0F \u274C \u274E \u2795 \u2796 \u2797 \u27B0 \u27BF \u303D\uFE0F \u2733\uFE0F \u2734\uFE0F \u2747\uFE0F \u203C\uFE0F \u2049\uFE0F \u2753 \u2754 \u2755 \u2757 \u3030\uFE0F \u00A9\uFE0F \u00AE\uFE0F \u2122\uFE0F \uD83D\uDCAF \uD83D\uDD1E \uD83D\uDD20 \uD83D\uDD21 \uD83D\uDD22 \uD83D\uDD23 \uD83D\uDD24 \uD83C\uDD70\uFE0F \uD83C\uDD8E \uD83C\uDD71\uFE0F \uD83C\uDD91 \uD83C\uDD92 \uD83C\uDD93 \u2139\uFE0F \uD83C\uDD94 \u24C2\uFE0F \uD83C\uDD95 \uD83C\uDD96 \uD83C\uDD7E\uFE0F \uD83C\uDD97 \uD83C\uDD7F\uFE0F \uD83C\uDD98 \uD83C\uDD99 \uD83C\uDD9A \uD83C\uDE01 \uD83C\uDE02\uFE0F \uD83C\uDE37\uFE0F \uD83C\uDE36 \uD83C\uDE2F \uD83C\uDE50 \uD83C\uDE39 \uD83C\uDE1A \uD83C\uDE32 \uD83C\uDE51 \uD83C\uDE38 \uD83C\uDE34 \uD83C\uDE33 \u3297\uFE0F \u3299\uFE0F \uD83C\uDE3A \uD83C\uDE35 \u25AA\uFE0F \u25AB\uFE0F \u25FB\uFE0F \u25FC\uFE0F \u25FD \u25FE \u2B1B \u2B1C \uD83D\uDD36 \uD83D\uDD37 \uD83D\uDD38 \uD83D\uDD39 \uD83D\uDD3A \uD83D\uDD3B \uD83D\uDCA0 \uD83D\uDD18 \uD83D\uDD32 \uD83D\uDD33 \u26AA \u26AB \uD83D\uDD34 \uD83D\uDD35 \uE50A \uD83C\uDDE6 \uD83C\uDDE7 \uD83C\uDDE8 \uD83C\uDDE9 \uD83C\uDDEA \uD83C\uDDEB \uD83C\uDDEC \uD83C\uDDED \uD83C\uDDEE \uD83C\uDDEF \uD83C\uDDF0 \uD83C\uDDF1 \uD83C\uDDF2 \uD83C\uDDF3 \uD83C\uDDF4 \uD83C\uDDF5 \uD83C\uDDF6 \uD83C\uDDF7 \uD83C\uDDF8 \uD83C\uDDF9 \uD83C\uDDFA \uD83C\uDDFB \uD83C\uDDFC \uD83C\uDDFD \uD83C\uDDFE \uD83C\uDDFF'
  },
 
  script = document.createElement('SCRIPT');
  script.type = 'text/javascript';
  script.src = 'http://twemoji.maxcdn.com/twemoji.min.js';
 
  document.getElementsByTagName('HEAD')[0].appendChild(script);
  document.write('<style type="text/css">.sceditor-button-twemoji div{background:url(http://twemoji.maxcdn.com/16x16/1f600.png)!important}.sceditor-twemoji{width:220px;height:250px;overflow-y:auto}.sceditor-twemoji img{cursor:pointer;padding:3px}.sceditor-twemoji img:hover{opacity:.7}</style>');
 
  $(function(){
    if ($.sceditor) {
     
      // create sceditor button and drop down
      $.sceditor.command.set('twemoji', {
        dropDown : function(editor, caller, callback) {
         
          if (!fa_twemoji.element) {
            fa_twemoji.element = document.createElement('DIV');
            fa_twemoji.element.innerHTML = twemoji.parse(fa_twemoji.emoji_list, {
              size : fa_twemoji.emoji_size,
              attributes : function() {
                return {
                  style : 'display:none;'
                };
              }
            }).replace(/\s(?=<|$)/g, '');
           
            // load handler for images to lighten the deployment of emoji
            // it displays and loads one image at a time rather all at once which can make the browser unresponsive
            if (fa_twemoji.async_load) {
              fa_twemoji.image = {
                collection : $('img', fa_twemoji.element),
                index : 0,
                timeout : [0, 6000], // timeout after 6000 attempts on 1 image
             
                load : window.setInterval(function() {
                  if (fa_twemoji.image.collection[fa_twemoji.image.index].complete) {
                    fa_twemoji.image.index++;
                 
                    if (fa_twemoji.image.collection[fa_twemoji.image.index]) {
                      fa_twemoji.image.collection[fa_twemoji.image.index].style.display = '';
                      fa_twemoji.image.timeout[0] = 0;
                    } else {
                      window.clearInterval(fa_twemoji.image.load);
                      fa_twemoji.image.load = 'COMPLETE';
                    }
                 
                  } else if (++fa_twemoji.image.timeout[0] > fa_twemoji.image.timeout[1]) {
                    window.clearInterval(fa_twemoji.image.load);
                    fa_twemoji.image.load = 'ERROR';
                  }
                }, 10)
            };
           
            fa_twemoji.image.collection[fa_twemoji.image.index].style.display = ''; // start loading
            } else {
              $('img', fa_twemoji.element).show();
            }
          }
         
          $(fa_twemoji.element).click(function(e) {
            var target = e.target;
            if (target.tagName == 'IMG') {
              callback(target.src);
              fa_twemoji.auto_close && editor.closeDropDown(true);
            }
          });
         
          editor.createDropDown(caller, 'twemoji', fa_twemoji.element);
        },
        // wysiwyg
        exec : function(c) {
          var e = this;
          $.sceditor.command.get('twemoji').dropDown(e, c, function(icon) {
            e.insert('&nbsp;[img]' + icon + '[/img]&nbsp;', '', true, true, true);
          });
        },
   
        // source
        txtExec : function(c) {
          var e = this;
          $.sceditor.command.get('twemoji').dropDown(e, c, function(icon) {
            e.insert(' [img]' + icon + '[/img] ', '', true, true, true);
          });
        },
   
        tooltip : fa_twemoji.button_title
      });
 
      toolbar = toolbar.replace(/date,/,'twemoji,date,'); // add the button to the toolbar
    }
  });
 
  if (!window.fa_twemoji) {
    window.fa_twemoji = config;
  }
}());

انتهيت هع


 التقنيات المتقدمة جديد الاكواد والقوالب الحصرية لتطوير منتداك
 ضع موضوعك بالقسم مناسب .. ولا تكرر الردود واتبع تعليمات المساعدين
avatar
JoryAbdallah
اشراف عام المساعدة
اشراف عام المساعدة

انثى
عدد المساهمات : 3664
معدل النشاط : 5166
السُمعة : 268

http://taqnyiat.ahlamontada.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: كود جافا لتغيير شكل المحرر

مُساهمة من طرف امير صغير في الجمعة 3 فبراير 2017 - 18:26

دوختيني بجد
ماهذا هع
شكرا للمجهود م ب د ع ة
جاري التجربة
avatar
امير صغير
 
 

ذكر
عدد المساهمات : 684
معدل النشاط : 2277
السُمعة : 11

http://www.mystaranime.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة


 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى