का उपयोग कर मल्टीलाइन एचटीएमएल टेक्स्ट काटकर मुझे एक अद्भुत एचटीएमएल कटाव पुस्तकालय, truncate.js मिला, जो मेरी जरूरतों का 99% है। लेकिन मेरे पास एक परेशानी का मुद्दा है जिसका सामना कर रहा हूं। मेरे पास एक आवश्यकता है जिसके लिए पदों की एक श्रृंखला के लिए लाइनों की एक विशिष्ट संख्या के अंत में 'अधिक दिखाएं' की आवश्यकता होती है ... जो यह पुस्तकालय पाठ के ब्लॉक के लिए प्राप्त करने का प्रबंधन करता है .. लेकिन जब यह मल्टीलाइन टेक्स्ट शो की बात आती है अधिक ठीक से तैनात नहीं है।truncate.js
मैंने इस मुद्दे को प्रदर्शित करने के लिए plunker बनाया है। मैं चाहता हूं कि मल्टीलाइन टेक्स्ट के लिए उसी स्थिति में और अधिक दिखने में सक्षम होना चाहिए, वैसे ही यह उसी पृष्ठ पर बैठे पाठ के ब्लॉक के लिए दिखाई देता है।
मेरे पहली कोशिश truncateNestedNodeEnd में पिछले() जोड़ने के लिए समारोह
if ($clipNode.length) {
if ($.inArray(element.tagName.toLowerCase(), BLOCK_TAGS) >= 0) {
// Certain elements like <li> should not be appended to.
$element.after($clipNode);
}
else
{
//edited this line to add prev()
//$element.append($clipNode)
$element.prev().append($clipNode);
}
}`
कौन सा मुझे मैं बहु पाठ के लिए क्या चाहते हैं देता था, लेकिन यह तो एक के लिए मूल कार्यक्षमता टूट जाता है प्लंकर में दिखाए गए पाठ का ब्लॉक। मैं इस कार्य को दो मामलों के लिए कैसे काम कर सकता हूं। मैं अभी भी पीले भाग पर दिखाई देने के लिए और अधिक दिखाना चाहता हूं, जब ये दो पोस्ट एक ही पृष्ठ पर बैठे हैं।
में अपडेट किए गए कोड को देखें क्या आप सीएसएस के साथ प्राप्त कर सकते हैं? आप अभी भी बिना किसी पुस्तकालय के इसे कर सकते हैं –
@ मार्को सलर्नो मुझे नहीं लगता कि जेएस का उपयोग इस संबंध में बेकार है। सीएसएस केवल मुझे जो चाहिए वह हासिल नहीं करेगा। । हमने शुरुआत में सीएसएस का उपयोग किया था, लेकिन यह निम्नलिखित आवश्यकता को पूरा नहीं करता था "अनुच्छेद पाठ को पैराग्राफ या मल्टीलाइन टेक्स्ट में गतिशील पाठ की अंतिम पंक्ति के तुरंत बाद प्रदर्शित होना चाहिए"। सीएसएस के साथ हम पूरी तरह से "अधिक दिखाएं" को स्थिति में रखने में कामयाब रहे ... जो बहुत अच्छा काम करता है लेकिन यह वही नहीं है जो हम चाहते थे ... "अधिक दिखाएं" इसकी लंबाई के आधार पर टेक्स्ट के बगल में जोड़ा जाना चाहिए। –