إضــافة صفحة لتحويــل الأكــواد ( أداة تحويل الأكــواد )

إضــافة أداة تحويل الأكــواد

إذا قمت بزيارة مدونات المدونين العرب، ستلاحظ أن معظم هذه المدونات تحتوي على صفحة لتحويل الكود. يعتبر العديد من أصحاب المدونات هذه الأداة ضرورية، حيث إنها واحدة من أكثر الأدوات التي يبحث عنها المدونون على الإنترنت. يحتاج معظم المدونين إلى تحويل الكود لاستخدامه في قوالب مدوناتهم، مثل كود AdSense، مما يساعدهم في جذب المزيد من الزيارات عبر محركات البحث وبالتالي زيادة الأرباح.

ما هي أداة تحويل الأكواد (محول الأكواد)؟

أداة تحويل الأكواد، المعروفة أيضًا باسم محول أكواد أدسنس، هي أداة تُستخدم لتحويل بعض رموز أكواد سكريبتات JavaScript وHTML وXML وCSS لتناسب أغراض معينة. على سبيل المثال، إذا أردنا إدراج كود JavaScript في قالب بلوجر، فقد لا يُقبل هذا الكود إذا احتوى على رموز تشبه رموز HTML مثل < أو >، حيث أن قالب بلوجر لا يسمح باستخدام هذه الرموز داخل JavaScript. ولحل هذه المشكلة، يمكن استخدام أداة تحويل الأكواد قبل إدراجها في القالب.

من الناحية العملية، فإن وظيفة أداة تحويل الأكواد تقتصر على تحويل الرموز < و > و " و ' و & إلى الرموز المقابلة لها < و > و " و ' و & على التوالي.

أشهر استخدامات محول الأكواد (أداة تحويل الأكواد):

إذا قمت بإضافة JavaScript في قالب مدونتك على بلوجر ولم يتم قبوله، يمكنك استخدام أداة تحويل الأكواد لتحويل السكريبت قبل إدراجه في قالب مدونتك، مما يساعدك على تجنب الأخطاء المحتملة.
إذا كنت ترغب في مشاركة أكواد HTML أو JavaScript داخل تدوينة معينة، يجب عليك تحويل هذه الأكواد قبل إضافتها إلى HTML المدونة.

أداة محول الأكواد:

المحول الذي سأقدمه لك الآن يتميز بخاصية إضافية غير متوفرة في معظم محولات الأكواد على الإنترنت. بالإضافة إلى تحويل الأكواد، فإنه يتيح لك عكس التحويل، مما يعني أنه إذا قمت بإضافة كود HTML أو JavaScript تم تحويله مسبقًا، ستتمكن الأداة من عكس التحويل. كما تحتوي الأداة على زر النسخ التلقائي لتسهيل عملية نسخ الأكواد بسرعة.

معاينة محول الأكواد

خطوات تركيب محول الأكواد في مدونة بلوجر

توجه إلى مدونة بلوجر الخاصة بك.
اضغط على خيار "الصفحات" من الشريط الجانبي الأيمن.
اختر "إنشاء صفحة جديدة".
حدد خيار "عرض HTML" ثم قم بلصق كود محول الأكواد.
من الشريط الجانبي الأيسر، أضف وصفًا للصفحة.
قم بإغلاق التعليقات، حيث أنها غير مناسبة لهذا النوع من المحتوى.
انشر الصفحة.

كود محول الأكواد

تحميل من هــنا أو نسخ الكــود أدناه

 
<style>
.hmcontainer{font-size:16px;width:700px;margin:auto;position:relative;overflow:hidden;padding:10px;background-color:#eee;max-width:800px;border-radius:10px;}
#inputcode{width:100%;height:300px;resize:none;line-height:1.2em;font-family:inherit;font-size:medium;padding:5px;box-sizing:border-box;outline:none;border:solid 2px rgb(0,67,167);border-radius:6px;text-align: left;direction: ltr;}
.btncon{text-align:center;direction:rtl;}
.hmbtn{display:inline-block;padding:3px 5px;font-size:large;font-weight:bold;font-family:inherit;border:none;border-radius:3px;cursor:pointer;color:#fff;transition:200ms;margin:3px;box-sizing:border-box;}
#mhcon{background-color:#009900;}
#mhback{background-color:#990000;}
#mhcopy{background-color:#000099;}
.hmbtn:hover{opacity:0.8;}
.hmbtn:active{opacity:0.3;transition:0;}
</style>
<div class="hmcontainer">
    <textarea name="محول الاكواد" id="inputcode"></textarea>
    <div class="btncon">
        <button class="hmbtn" id="mhcon">تحويل الكود</button>
        <button class="hmbtn" id="mhback">عكس التحويل</button>
        <button class="hmbtn" id="mhcopy">نسخ الكود</button>
    </div>
</div>  
<div><br/></div>
<script>//<![CDATA[
function mohawel(e) {
    return e.replaceAll("&", "&amp;").replaceAll('"', "&quot;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll("'", "&#39;")
}

function backtahwil(e) {
    return e.replaceAll("&quot;", '"').replaceAll("&lt;", "<").replaceAll("&gt;", ">").replaceAll("&nbsp;", " ").replaceAll("&#39;", "'").replaceAll("&#039;", "'").replaceAll("&apos;", " ").replaceAll("&amp;", "&")
}

function mhcopy() {
    document.querySelector("textarea").select(), document.execCommand("copy")
}
document.getElementById("mhcon").addEventListener("click", function() {
    document.getElementById("inputcode").value = mohawel(document.getElementById("inputcode").value)
}), document.getElementById("mhback").addEventListener("click", function() {
    document.getElementById("inputcode").value = backtahwil(document.getElementById("inputcode").value)
}), document.getElementById("mhcopy").addEventListener("click", mhcopy);//]]></script>

إضــافة صفحة لتحويــل الأكــواد ( أداة تحويل الأكــواد )

إضــافة أداة تحويل الأكــواد

ما هي أداة تحويل الأكواد (محول الأكواد)؟

أشهر استخدامات محول الأكواد (أداة تحويل الأكواد):

أداة محول الأكواد:

خطوات تركيب محول الأكواد في مدونة بلوجر

كود محول الأكواد

Timesririne

Post a Comment

إرسال تعليق

إعلان فوق الموضوع

إضــافة صفحة لتحويــل الأكــواد ( أداة تحويل الأكــواد )

نموذج الاتصال