2013-06-27 9 views
8

मैंने कोड को हाइलाइट करने के लिए अपने सामने वाले वेब पेज में सिंटैक्सहाइग्लाइटर का उपयोग किया। लेकिन मुझे एक सवाल आया कि कोड में शब्द लपेटा नहीं गया है जब कोड की लंबाई <div> की लंबाई से अधिक लंबी है। enter image description hereसिंटेक्स हाइलाइटर शब्द लपेटें?

तब मैंने इसे गुगल किया। और एक तरह से नीचे उल्लेख पाया:

pre,code{ 
white-space:pre-wrap;/*css-3*/ 
white-space:-moz-pre-wrap;/*Mozilla,since1999*/ 
white-space:-pre-wrap;/*Opera4-6*/ 
white-space:-o-pre-wrap;/*Opera7*/ 
word-wrap:break-word;/*InternetExplorer5.5+*/   
} 

हालांकि, एक नई समस्या दिखाई दिया, लाइन नंबर वास्तविक कोड लाइन के लिए इसी नहीं है: enter image description here

मेरा प्रश्न है:

  • कोड लाइन को वास्तविक मूल कोड लाइन के अनुरूप रखने के दौरान मैं कोड ओवरफ़्लो से कैसे बच सकता हूं?
+0

इससे मुझे धन्यवाद मिली! – c0d3Junk13

उत्तर

-2

आपको जावास्क्रिप्ट में भी कुछ बदलाव करना है।

यह टिप्पणी अनुभाग के निचले भाग में यहां विस्तार से बताया है, jsfiddle में एक प्रदर्शन सहित: https://bitbucket.org/alexg/syntaxhighlighter/issue/182/version-3-making-code-wrap

+2

यह 404 की ओर जाता है। सीधे स्टैक ओवरफ्लो पर प्रश्न का उत्तर देना बेहतर होता है। – afilina

0

मुझे लगता है कि यह मूल कोड लाइनों अनुरूप है। रैपिंग के कारण आप नंबरिंग के साथ गड़बड़ हो रहे हैं। जावास्क्रिप्ट के साथ कोड को लपेटने का प्रयास करें - नया लाइन प्रतीक \n और कैरेट लौटने वाला प्रतीक \r जोड़ें (आपके प्रोग्रामिंग वातावरण और इसकी सेटिंग्स पर निर्भर करता है) और देखें कि यह मदद करता है या नहीं।

1

आप CodeMirror संपादक का उपयोग कर सकते हैं। इसमें वर्ड रैप और सब्लिमे टेक्स्ट एडिटर की तरह केवल पढ़ने के लिए बहुत सारे फीचर सपोर्ट हैं।

संबंधित मुद्दे