बहुत लंबे शब्द - क्या करना है?

समस्या का सार

उपयोगकर्ता की रिक्त स्थान के बिना एक sooooo लंबे शब्द दर्ज करने की क्षमता है, और इस तरह लेआउट "विस्फोट" एक पुरानी समस्या है। यह है कि यह कैसे होबे पर तय किया जाता है।



इसे कई तरीकों से हल किया जा सकता है।

अंतिम डिव की शैली

1) शैली = " शब्द-आवरण: विराम-शब्द" - लेकिन यह तरीका केवल IE है

2) शैली = " अतिप्रवाह: ऑटो; श्वेत-स्थान: Nowrap" - हर जगह काम करता है, एक मानक समाधान। लेकिन स्क्रॉलबार दिखाई देते हैं

3) शैली = " अतिप्रवाह: छिपा हुआ; श्वेत-स्थान: Nowrap" - हर जगह काम करता है, एक मानक समाधान। "लॉस्ट" शब्द का हिस्सा (अदृश्य)।

Php से

4) हर एन अक्षर के नरम हाइफ़न के साथ शब्द को तोड़ें। जहां N आपके द्वारा सेट की गई अधिकतम अनुमत शब्द लंबाई है।

5) ऐसे शब्द को हटा दें



वर्तमान परियोजना में, मैंने पहले चार दृष्टिकोणों का उपयोग किया। बाद वाला मुझे जरूरी नहीं लगा।

निष्पादन को माफ नहीं किया जा सकता है

ग्राहक के अनुरोध पर, एक प्रासंगिक विज्ञापन स्क्रिप्ट जोड़ी गई थी। और परीक्षक को तुरंत एक समस्या मिली - उसने एक शब्द बहुत लंबा दर्ज किया, और विज्ञापन प्रणाली (यह प्रासंगिक है) जब अपने सर्वर पर प्रसंस्करण के लिए इस तरह के एक शब्द को भेजने की कोशिश कर रहा था (भले ही यह शब्द नरम हाइफ़नेशन द्वारा तोड़ा गया था) बस ब्राउज़र को लटका दिया। अधिक सटीक रूप से, ऐसा नहीं है कि यह पूरी तरह से लटका हुआ था। IE ने प्रतिक्रिया व्यक्त की और 20 सेकंड के बाद स्क्रिप्ट को बाधित करने की पेशकश की। किसी कारण के लिए फ़ायरफ़ॉक्स विफल और बस लटका दिया :(



सामान्य तौर पर, समस्या उन शब्दों को काटने से उत्पन्न हुई जो बहुत लंबे थे। बेशक, यह मानक तरीके से किया जा सकता है - लाइन को रिक्त स्थान (\ s +) में विभाजित करें और फिर प्रत्येक शब्द की लंबाई को बहुत लंबा फेंकने और लाइन को वापस गोंद करने के लिए मापें। लेकिन यह बदसूरत है :) मैं इसे केवल नियमित अंतराल के साथ करना चाहता था।

निर्णय

मुझे उम्मीद थी कि फॉर्म का निर्माण [^ \ s] {512,} काम करेगा, जहां 512 "शब्द" की अधिकतम अनुमत लंबाई है। हालांकि, इस डिजाइन ने काम करने से इनकार कर दिया। निर्माण [^ \ _] {512} फिट नहीं हुआ, क्योंकि इसके बाद "पूंछ" थे (उदाहरण के लिए, यदि शब्द 600 वर्ण लंबा था)।



थोड़ी पीड़ा के बाद, वे बाहर निकलने के लिए आए, जिसने सभी अनुरोधों को पूरा किया:



preg_replace ( '/ [^ \ s] {512} [^ \ s] + /' , '' , $ स्ट्रिंग )



इस प्रकार, सभी लंबे शब्दों को सफलतापूर्वक काट दिया गया। और यदि आप चाहें, तो आप तंत्र को आसानी से "सुधार" कर सकते हैं, शब्दों को पूरी तरह से नहीं काट सकते हैं, लेकिन अनुमत लंबाई को छोड़कर और दीर्घवृत्त जोड़ सकते हैं।



preg_replace ( '/ ([^ \ s] {512}) [^ \ s] + /' , '$ 1 ...' , $ string )



आपने इस समस्या को कैसे हल किया?



UPD: टिप्पणियों में वे अतिप्रवाह का उपयोग करने का भी सुझाव देते हैं: उन सभी स्थानों के लिए छिपाया जाता है जहां उपयोगकर्ता डेटा इनपुट क्षेत्रों में प्रदर्शित नहीं होता है।



UPD2: एटुकाई ने सुधार में प्रस्तावित वर्णों की संख्या के बाद न केवल एक दीर्घवृत्त रखने का प्रस्ताव दिया, बल्कि हिंट-ई में पूरा शब्द दिखाने के लिए भी।

यही है, यह कुछ इस तरह दिखेगा:

preg_replace ( '/ ([(\ _ s] {25}) [^ \ s] + /' , '<अवधि शीर्षक = "$ 0"> $ 1 ... </ span>' , $ string )





UPD3: सिंहपर्णी ने याद किया कि मैं वर्डप्रैप फ़ंक्शन के बारे में पूरी तरह से भूल गया हूं। इस समस्या के लिए, आप इसे इस तरह से उपयोग कर सकते हैं:

$ string = wordwrap ( $ string , 512 , '& shy;' , true );

हालांकि, आपको यह याद रखने की आवश्यकता है कि यह फ़ंक्शन UTF-8 के साथ सही तरीके से काम नहीं करता है।