Cara Mengatasi Scroll ke Atas Otomatis di XML Editor Blogger

Beberapa waktu yang lalu, blogger melakukan update seputar sistem XML editor. Hal yang paling mencolok dari update ini adalah perubahan prilaku XML Editor dalam menyimpan dan memvalidasi kode XML. Pada sistem yang sekarang, semua kegiatan pemrosesan kode dilakukan secara langsung. Seperti misalnya mengurutkan atribut berdasarkan abjad, memparse karakter-karakter khusus, dan lain sebagainya.


Masalah
Pada sistem yang sekarang, ketika proses penyimpanan selesai, kode yang kita lihat di XML editor sudah berupa kode final. Ini tidak seperti sistem sebelumnya yang melakukan pemrosesan kode setelah antarmuka editor ditutup. Terdapat masalah berkaitan dengan prilaku ini, Antarmuka editor akan secara otomatis melakukan scroll ke bagian atas setiap kali proses penyimpanan selesai. Hal ini tentu sangat mengganggu karena kita harus bolak-balik ke posisi editing terakhir. Terlebih untuk kode XML yang sudah melibatkan puluhan ribu baris kode, ini akan sangat menghambat kegiatan editing.


Solusi
Masalah ini bisa diatasi dengan cara menginjek kode javascript untuk mencegah efek auto scroll XML Editor. Sederhananya, ketika auto scroll berjalan dan posisi scroll berada di paling atas, fungsi ini akan meriset kembali posisi scroll ke posisi terakhir sebelum disimpan. Penginjekan fungsi dilakukan dengan menggunakan sistem bookmark browser.



INSTALASI

Bookmark script: 
  
javascript:(()=>{/*Bookmark script by wiBlogger.com: Prevent Auto Scroll Up Blogger XML Editor*/const e=window,l=document,t=e=>l.getElementsByClassName(e),n=(e,...l)=>{for(const t of l)e.appendChild(t)},r=e=>l.createElement(e),s=t("xLh0Gb"),o=t("CodeMirror-scroll"),a=s?s[s.length-1]:null,c=o?o[o.length-1]:null;if(a&&c){let t,s,o,i;{const e=r("style"),t=l.getElementsByTagName("head")[0],s=[".{{s}}{background:#f5f5f5;color:#f57c00;font-size:12px;padding:10px 15px;border-radius: 60px;margin-right:10px;transition:all .3s;font-weight:bold}"];n(e,l.createTextNode(s.join("").replace(/{{s}}/g,"w-prevent-reset-scroll"))),n(t,e),(i=r("div")).className="w-prevent-reset-scroll",i.innerHTML="AUTO SCROLL DISABLED",((e,l)=>{const t=e.firstElementChild;t?e.insertBefore(l,t):e.appendChild(l)})(a,i)}const d=()=>c.scrollTop,p=()=>c.scrollLeft,f=()=>{if(!t){(e=>{const t=l.getElementsByClassName(e)[0];return t||null})("aGJE1b")&&(s=d(),o=p(),0!==s&&(t=!0,c.onscroll=g,e.clearInterval(f)))}},g=()=>{c.scrollTo(o,s),c.onscroll=m,t=!1,e.setInterval(f,500)},m=()=>{};e.setInterval(f,500)}})();


Poin dari proses instalasi ini adalah menambahkan sebuah bookmark pada browser dengan meletakkan Bookmark Script di atas sebagai URL. Panduan instalasi ini menggunakan browser Google Chrome dengan langkah-langkah sebagai berikut:

  1. Pada bagian Bookmark bar browser, klik kanan dan pilih Add page.

    Mencegah Scroll Otomatis ke Atas di XML Editor Blogger

  2. Beri nama bookmark sesuai keinginan pada bagian Name. Copy dan Paste semua kode Bookmark script diatas ke bagian URL. Terakhir, simpan bookmark untuk menyelesaikan proses instalasi.

    Cara mengatasi Otomatis Scroll ke Atas di XML Editor Blogger

    Jika tidak ada kesalahan, harusnya bookmark yang anda tambahkan sudah terdapat pada Bookmark bar browser. Kurang lebih seperti berikut:

    Mengatasi Scroll ke Atas di eDIT HTML Blog



PENGGUNAAN

Pada tab XML editor, Klik Bookmark yang telah dibuat. Anda akan melihat elemen indikator baru yang ditambahkan pada bagian atas XML editor yang menginformasikan bahwa fungsi pencengahan auto scroll ini telah aktif.

Cara mengatasi Scroll ke Atas otomatis di XML HTML Editor Blogger



Dukungan browser
Fungsi ini telah diuji dan dapat berjalan dengan baik pada browser Google Chrome versi terbaru. Untuk browser lainnya, silahkan dicoba.
Komentar