VsCode'da yazılan bir kodu Wordpress sitesine highlight edilmiş bir şekilde aktarmak için bu script'i kullanıyorum

README.MD

1. Vscode'a yazılan kodlar kopyalanır.
2. MS Word açılarak yapıştırılır.
3. MS Word'de Kaydet > Farklı Kaydet > Gözat'a tıklanır.
4. Dosyanın kaydedileceği konuma gidilir. Kayıt türü kısmında "Web Sayfası, Filtre Uygulanmış (htm, html)" seçilir
5. Çıkarn uyarı ekranında Evet'e tıklanıp kaydedilir.
6. html dosyası Chrome'da açılır. Developer menu açılarak console sekmesine gelinir
7. Wordpress_highlight_dom_duzeltici.js içerisindeki kodlar kopyalanıp, console'a yapıştırılır ve Enter'a basılarak çalıştırılır.
8. Kodların çalışması sonucu HTML string üretilir. Bu string ifade wordpress sitesinde html kısmına yapıştırılır.
9. Preview yaptığınızda HTML Kodu görüntülenir.

Not: Kodlar div elemanları arasında yer aldığı için siteye aktarıldığında tek tırnak ve çift tırnak gibi ifadeler eğri tırnaklara dönüştürülüyor. Wordpress otomatik olarak gerçekleştiriyor.

Wordpress_highlight_dom_duzeltici.js

var b = $('.WordSection1').innerHTML;
b = b.replace(/<\/p>\n\n<p class="MsoNormal" style="margin-bottom:0cm;margin-bottom:.0001pt;line-height:\n14.25pt;background:#1E1E1E"><span style="font-size:10.5pt;font-family:Consolas;/g,`</span>\n<span><span style="`);
b = b.replace(/<\/p>\n\n<p class="MsoNormal" style="line-height:14.25pt;background:#1E1E1E"><span style="font-size:10.5pt;font-family:Consolas;/g,`</span>\n<span><span style="`);
b = b.replace(/font-size:10.5pt;\s?font-family:\s?Consolas;/g, '');
b = `<div style="
	line-height:20px;
	font-size:11.0pt;
	font-family:Consolas, monospace;
	background:#1E1E1E;
    padding:10px;">` + b + `</div>`;
b = b.replace(/style="\ncolor:#(\w+)"/g,'style="color:#$1"');
b = b.replace(/<\/p>\n\n<p class="MsoNormal">&nbsp;<\/p>/g,'</span>');
b = b.replace(/>"/g, '>&quot;').replace(/>'/g, '>&#039;');
b = b.replace(/"</g, '&quot;<').replace(/'</g, '&#039;<');
b = b.replace(/<span>\n<span>/g, '');
b = "<code style=\"padding:0;\">" + b + "</code>";