การเน้นไวยากรณ์ไม่ทำงาน ลองโค้ดและแท็กโค้ดล่วงหน้าทั้งหมดแสดงเป็นสีชมพูด้วยเหตุผลบางประการ

ก่อนหน้านี้ฉันโพสต์สิ่งนี้:

https://www.reddit.com/r/rails/comments/3r8n0f/how_to_get_keep_spaces_in_text/

ฉันพบว่า Ruby ช่วยประหยัดพื้นที่และการขึ้นบรรทัดใหม่ ดังนั้นมันจึงใช้งานได้ดี แต่ไม่ใช่ว่าฉันกำลังพยายามใช้ highlight.js และด้วยเหตุผลบางอย่าง ข้อความก็กลับกลายเป็นเพียงการปะปนกัน และทำให้มันกลายเป็นสีชมพู และฉันก็ ไม่แน่ใจว่าทำไม

ฉันใช้สิ่งนี้เป็นข้อมูลอ้างอิงในการติดตั้ง highlight.js( https://highlightjs.org/ ):

http://stackoverflow.com/questions/28574032/how-to-use-highlight-js-with-rails

ฉันได้ลองใช้โซลูชันระบบแสงสว่างสูงต่างๆ หลายวิธีซึ่งดูเหมือนว่าจะเป็นตู้เสื้อผ้า แต่ตอนนี้กลับสับสนอีกครั้งเมื่อฉันใช้

<code></code> 

or

<pre><code></code></pre> 

แท็กและทำให้ทุกสิ่งเป็นสีชมพู ใครช่วยกรุณาดูและอธิบายว่าทำไมสิ่งนี้ถึงเกิดขึ้น? ฉันรู้ว่าฉันโพสต์ที่นี่สองครั้งแล้วในวันนี้ และนั่นอาจจะน่ารำคาญ แต่ตอนนี้ฉันกำลังพยายามทำสิ่งง่ายๆ ของตัวเองจริงๆ >.>; ฉันได้อ่านบทช่วยสอนมาหลายบทแล้วและไม่มีใครทำจาวาสคริปต์ได้มากนัก แต่ฉันแค่เบื่อที่จะทำตามมัน

นี่คือลิงค์ไปยัง GitHub หากพวกคุณจำเป็นต้องดู:

https://github.com/ilovemysillybanana/pastie

นี่คือผลลัพธ์ที่ฉันเห็นเมื่อเปิดเพจขึ้นมา:

http://imgur.com/fsCfwZa

แก้ไข: การใช้

<pre></pre> 

แท็กบนโค้ดจะรักษาช่องว่างและการขึ้นบรรทัดใหม่ของฉัน ฉันได้เรียนรู้ว่าตอนนี้แต่ใช้

<code></code>

เอาอันนั้นไป...

แก้ไข:

ถ้าฉันทำสิ่งนี้:

hljs.configure({useBR: true});

$(document).ready(function() {
  $('pre').each(function(i, block) {
    hljs.highlightBlock(block);
  });
});

มันเอาช่องว่างออกไป ดูเหมือนว่าสิ่งนี้แค่อยากทำให้มันเป็นสีชมพูและกำจัดช่องว่างของฉัน >.>

สลับส่วน js เป็น:

hljs.configure({useBR: true});

$(document).ready(function() {
  $('pre').each(function(i, block) {
    hljs.highlightBlock(block);
  });
});

ดูเหมือนว่าจะยังคงใช้งานได้แม้ว่าฉันจะพยายามแสดงโค้ดดังนี้:

<code>
<%= program.code %>
</code>

ก็เลยคิดว่ามันไม่จำเป็น

<pre><code></code></pre> 

แท็กก็ต้องการเท่านั้น

<code></code>

แต่ด้วยเหตุผลบางอย่างมันยังคงปะปนกันและทำให้เป็นสีชมพู