मैं ब्लॉगर के साथ Highlight.js को एकीकृत करने की कोशिश कर रहा हूं। अब तक, सिंटैक्स हाइलाइटिंग बहुत अच्छा काम करता है, लेकिन मुझे स्वचालित रूप से लपेटने के लिए <pre><code>
तत्वों के अंदर कोड लाइनों को रोकने का कोई तरीका नहीं दिख रहा है। ब्राउजर के लिए एक क्षैतिज स्क्रॉल बार प्रदर्शित करने के लिए मुझे इसकी आवश्यकता है।हाइलाइट.जेएस: ऑटो लाइन रैप को अक्षम नहीं कर सकता
मैं, ब्लॉग टेम्पलेट के लिए निम्न को शामिल किया है <head>
के अंत में, के रूप में साइट में विस्तार से बताया:
<link href='//cdnjs.cloudflare.com/ajax/libs/highlight.js/8.6/styles/solarized_dark.min.css' rel='stylesheet'/>
<script src='//cdnjs.cloudflare.com/ajax/libs/highlight.js/8.6/highlight.min.js'/>
<script type='text/javascript'>
hljs.initHighlightingOnLoad();
</script>
और मेरे सभी उपयोग उदाहरण हैं:
<pre><code class='cpp'>
// code here; 'class' changed according to language.
</code></pre>
मैं कोशिश की है किसी भी लाभ के लिए Highlight.js सीएसएस फ़ाइल को संपादित करने के लिए। मैंने pre
और code
शैलियों overflow-x
संपत्ति को scroll
पर कोई भी बदलाव किए बिना सेट करने का भी प्रयास किया है। मेरा अनुमान है कि ब्लॉगर वैश्विक स्तर पर उस संपत्ति को ओवरराइट करता है।
क्या किसी को इस पर काबू पाने और कोड क्षेत्र के अंत में लपेटने/तोड़ने से कोड लाइनों से बचने के बारे में पता है, इसके बजाय क्षैतिज स्क्रॉल बार दिखा रहा है?
मेरे लिए काम नहीं किया। कृपया जांचें कि आप वास्तव में अपने एचटीएमएल पेज से मेल खाते हैं। क्या आपका पृष्ठ सार्वजनिक है? उस मामले में, एक यूआरएल बहुत अच्छा होगा। धन्यवाद! –
हाय @ लारीक। दुर्भाग्यवश अब मैं ब्लॉगर का उपयोग नहीं करता, इसलिए वह पृष्ठ चला गया है, मैं जांच नहीं कर सकता। मैंने इसे छोड़ने के कारणों में से एक कारण वास्तव में था क्योंकि मैं एचटीएमएल/सीएसएस पर बेहतर नियंत्रण चाहता था। मुद्दे प्रदर्शन और अतिप्रवाह गुणों के साथ थे, मुझे यकीन है कि। मेरा सुझाव है कि आप डेवलपर टूल मेनू में अपने ब्राउज़र के लाइव सीएसएस संपादक के साथ उन पैरामीटर को ट्वीव करने का प्रयास करें। इस तरह की समस्याओं को इस तरह से डीबग करना बहुत आसान है। – glampert