طلب كود تحديد المحتوى لنسخة Awesome BB

تسبب في افساد شكل الكود (رغم ان التحديد يعمل)



قبل:

هذا قسم تطوير المواقع و المنتديات فيه الكثير من الأكواد:
https://www.theb3st.com/f87-montada

لكني أزلت الكود بالفعل
(أريد كود التحديد فقط دون اضافات أخرى)

بعد اذنكم  اخوتي  @MostWanted و  @العراقي الطائي  


يوجد كود قديم من صنع الاخت الفاضله  @HAMSAHAQ
كود تظليل المحتوى الاحترافي من اختكم hamsahaq
لكنه لا يعمل على نسخة Awesome BB
-------

تم التعديل عليه ليتوافق مع Awesome BB  

اول شي ضع الكود التالي باcss

الكود:

.conann2000 {
    font-size: 16px;
    color: white;
    background: #232323;
}
.punbbtop {
    background: #232323;
}

.hljs {
    background: #232323!important;
    border: solid #232323 7px;
    border-right: solid #04564f 7px;
    color: #e6e1dc!important;
    display: block!important;
    max-height: 400px!important;
    overflow: auto!important;
    padding: 7px!important;
    white-space: nowrap!important;
}

ثاني شي ضع الكود التالي بالجافا واختار جميع الصفحات

الكود:

/***

* (c) hamsahaq


*/
jQuery(function () {
    var sCSS = '<style>' +
  
        
        '</style>';


    if (jQuery('.cont_code').length) {
        var tagCode = jQuery('.cont_code');
    } else {
        if (jQuery('.cont_code').length) {
            var tagCode = jQuery('.code');
        } else {
            var tagCode = jQuery('code');        
        }
    }
    tagCode.each(function () {
        var sContent = jQuery(this).html();
        var codebox = jQuery(this).parent().parent();
        codebox.before('<div class="punbbtop"><button onclick="punbbExpand(this); return false;"></button><button style="display: none" onclick="punbbCollapse(this); return false;"></button>  <button onclick="punbbSelect(this); return false;"><div class="conann2000">تظليل المحتوى</div></button>  <button onclick="punbbPopup(this); return false;"></button>  <button style="margin-right: 50px; float: right;" onclick="punbbAbout(this); return false;"></button></div><pre class="highlight punbb_block">' + sContent + '</pre>');
        codebox.remove();
    });
    jQuery.getScript('', function () {
        jQuery.SyntaxHighlighter.init({
            'wrapLines': false
        })
    })
});
function punbbExpand(oThis) {
    jQuery(oThis).css('display', 'none');
    jQuery(oThis).next().css('display', '');
    jQuery(oThis).parent().next('pre.punbb_block').addClass('expand');
}
function punbbCollapse(oThis) {
    jQuery(oThis).css('display', 'none');
    jQuery(oThis).prev().css('display', '');
    jQuery(oThis).parent().next('pre.punbb_block').removeClass('expand');
}
function punbbPopup(oThis) {
    var content = jQuery(oThis).parent().next('pre.punbb_block').html();
    var my_window = window.open("","PunBB_Code","");

    my_window.document.write('<pre>'+content+'</pre>');
}
function punbbAbout(oThis) {
    alert('Simple code to add Syntax Highlighter fuctionality for Forumotion\n\hamsahaq - 2013/12/16\n');
}
function punbbSelect(oThis) {
    var doc = document;
    var text = jQuery(oThis).parent().next('pre.punbb_block')[0];
    if (doc.body.createTextRange) {
        var range = doc.body.createTextRange();
        range.moveToElementText(text);
        range.select();
    } else if (window.getSelection) {
        var selection = window.getSelection();
        var range = doc.createRange();
        range.selectNodeContents(text);
        selection.removeAllRanges();
        selection.addRange(range);        
    }
}

واي مشكله اخبروني

هو يعمل لكن هناك مشكلة
في المواضيع التي تحتوي اكواد يقوم بحذف كل الكتابة الأخرى و لا يبقى سوى الكود

مثال:

https://www.theb3st.com/t75036-topic

من المفترض ان يكون الموضوع هكذا:

اوه اسف لم انتبه
تم التعديل
احذف الاكواد السابقه وضع التالي بالجافا

الكود:

var style = document.createElement("style");
style.type = "text/css";
style.innerHTML =
  'code.jsCode_block, pre.jsCode_block {' +
  '  background-color: #120e0e !important;' +
  '  border: 6px solid #0f2610 !important;' +
  '  color: #fff!important;' +
  '  font-family: Consolas,"Bitstream Vera Sans Mono","Andale Mono",Monaco,"DejaVu Sans Mono","Lucida Console",monospace !important;' +
  '  font-size: 11px !important;' +
  '  margin-top: 0 !important;' +
  '  max-height: 250px !important;' +
  '  overflow: auto !important;' +
  '  padding: 5px !important;' +
  '  white-space: pre-wrap !important;' +
  '  width: auto !important;' +
  '}' +
  '.jsCodetop {' +
  '  background-color: #076058 !important;' +
  '  color: #1D3652;' +
  '  font-size: 17px;' +
  '  font-weight: bold;' +
  '  line-height: 100%;' +
  '  margin-top: 5px;' +
  '  padding: 5px;' +
  '}' +
  '.jsCodetop button {' +
  '  background: -moz-linear-gradient(center top , #EDEDED 5%, #DFDFDF 100%) repeat scroll 0 0 #EDEDED;' +
  '  margin-right: 6px;' +
  '  cursor: pointer;' +
  '  display: inline-block;' +
  '  font-size: 17px;' +
  '  padding: 0 6px;' +
  '  text-decoration: none;' +
  '}' +
  '.jsCodetop button:hover {' +
  '  background: -moz-linear-gradient(center top , #DFDFDF 5%, #EDEDED 100%) repeat scroll 0 0 #DFDFDF;' +
  '  border-color: #9A9A9A;' +
  '  color: #3D70A3;' +
  '}' +
  '.jsCodetop button:active {' +
  '  position: relative;' +
  '  top: 1px;' +
  '}' +
  'pre.jsCode_block.expand, code.jsCode_block.expand {' +
  '  max-height: 100% !important;' +
  '}' +
  'pre ol.linenums, .post-content ol, .post-content ul {' +
    '  color: #afafaf;' +
  '  margin-right: 33px;' +
  '}' +
  'pre ol.linenums li > span {' +
  '  color: #fff;' +
  '}' +
  'pre ol.linenums li {' +
  '  font-size: 14px !important;' +
  '}';
document.getElementsByTagName("head")[0].appendChild(style);
 
jQuery(function() {
  var tagCode = jQuery('.cont_code, code'),
      codebox = null;
 
  for (var i = 0, len = tagCode.length; i < len; i++) {
      codebox = jQuery(tagCode[i]).closest('.codebox');
      codebox.before(
        '<div class="jsCodetop">كود  &nbsp; &nbsp;<button onclick="jsCodeExpand(this); return false;"></button>' +
        '  <button style="display: none" onclick="jsCodeCollapse(this); return false;">collapse</button>&nbsp; ' +
        '  <button onclick="jsCodeSelect(this); return false;">تحديد المحتوى</button>&nbsp; ' +


        '</div>' +
        '<pre class="jsCode_block">' +
        '  <ol class="linenums">' + tagCode[i].innerHTML.replace(/<br>/mg, '<li class="L1"><span>') + '</ol>' +
        '</pre>'
      );
      codebox.remove();
  }
});
 
function jsCodeExpand(oThis) {
    jQuery(oThis).css('display', 'none');
    jQuery(oThis).next().css('display', '');
    jQuery(oThis).parent().next('pre.jsCode_block').addClass('expand');
}
function jsCodeCollapse(oThis) {
    jQuery(oThis).css('display', 'none');
    jQuery(oThis).prev().css('display', '');
    jQuery(oThis).parent().next('pre.jsCode_block').removeClass('expand');
}
function jsCodePopup(oThis) {
    var content = jQuery(oThis).parent().next('pre.jsCode_block').html();
    var my_window = window.open("", "To select the code: [Ctrl] + [A]", "scrollbars=1toolbar=no,menubar=no,personalbar=no,status=0,left=0,location=0,menubar=0,top=0,width=640,height=480");
    my_window.document.write('<pre>'+content+'</pre>');
}
function jsCodeAbout(oThis) {
    alert('Simple code to add line counter fuctionality for Forumotion\n\nBy JScript FROM Brazil - 2015/04/10\n');
}
function jsCodeSelect(oThis) {
    var doc = document;
    var text = jQuery(oThis).parent().next('pre.jsCode_block')[0];
    if (doc.body.createTextRange) {
        var range = doc.body.createTextRange();
        range.moveToElementText(text);
        range.select();
    } else if (window.getSelection) {
        var selection = window.getSelection();
        var range = doc.createRange();
        range.selectNodeContents(text);
        selection.removeAllRanges();
        selection.addRange(range);
    }
}

لا حاجة للاعتذار
يعمل بشكل ممتاز الآن
بارك الله فيك