2016-01-13 7 views
7

प्रसंग:अतिप्रवाह पर नए div के लिए एक नया div और हस्तांतरण अतिप्रवाह पाठ बनाने

मैं एक परियोजना है कि यदि पूरा ठीक से एक विशेष पाठ संपादक के रूप में कार्य करना चाहिए पर काम कर रहा हूँ। इसे विशेष रूप से आउटपुट के लिए पृष्ठों की आवश्यकता होती है, इसलिए अधिकांश ऑनलाइन टेक्स्ट संपादकों के विपरीत जो कि कभी भी एक विस्तारित टेक्स्टबॉक्स या कुछ यांत्रिक रूप से समान रूप से उपयोग कर सकते हैं, मैं इसे "नया पृष्ठ" (अनिवार्य रूप से एक नया कंटेनर div) बनाने के लिए एक रास्ता तलाश रहा हूं, जब यह बहती है इसमें एक

मुझे एक related stackoverflow question मिला और यह मेरी खोज से लगता है कि अधिकतर समाधान सक्रिय रूप से टेक्स्ट बदलने के लिए सबसे अच्छे नहीं होंगे और पृष्ठ प्रस्तुत करने पर उपयोग करने के लिए अधिक उपयुक्त होंगे। इष्टतम परिस्थितियों में इसे एक शब्द दस्तावेज़ पर एक नया पृष्ठ बनाने की तरह काम करना चाहिए (स्वचालित रूप से इसे ओवरफ्लो करते समय इसे बनाएं) और जावास्क्रिप्ट/jquery का उपयोग करें।

मुझे एहसास है कि शुरुआत में ऐसा होने की तुलना में ऐसा करने के लिए यह अधिक जटिल है लेकिन मुझे आशा थी कि किसी को किसी लेख या कोड के टुकड़े के बारे में पता चलेगा जो मुझे सही दिशा में इंगित कर सकता है।

समस्या:

मुझे लगता है कि मैं वास्तव में (अगले कंटेनर div) "नया पृष्ठ बनाकर" संभाल कर सकते हैं, लेकिन मैं कैसे पाठ सक्रिय रूप से बह निकला को संभालने के लिए अनिश्चित हूं। उदाहरण के लिए यदि कोई व्यक्ति पहले पृष्ठ पर कुछ पाठ हटा देता है तो यह बहुत ही कमजोर होगा यदि दूसरे पृष्ठ पर टेक्स्ट बस लटका हुआ हो। मैं चाहता हूं कि टेक्स्ट/पेज कम से कम प्रतिक्रिया दें कि वे एक शब्द दस्तावेज़ को संपादित करते समय कैसे करेंगे।

जब भी कोई चरित्र जोड़ा या हटाया जाता है, तो मैं पाठ को जांचना नहीं चाहता, लेकिन क्या ऐसा कुछ ऐसा करने का एकमात्र तरीका है? और यदि ऐसा है तो ऐसा करने के लिए मेरे लिए सबसे प्रभावी तरीका क्या है इसलिए मैं ब्राउज़र को दबा नहीं पाता हूं।

इस परियोजना मैं पर काम कर रहा हूँ अधिक संदर्भ प्रदान करने http://www.naturalcrit.com/homebrew/

+2

मुझे लगता है कि टेक्स्ट को रीफ्लो करने के लिए आपको सक्रिय रूप से उपयोगकर्ता इनपुट की जांच करनी होगी। क्यों शुरुआती बिंदु के रूप में Collumnizer प्लगइन की तरह कुछ उपयोग नहीं करते हैं: http://welcome.totheinter.net/columnizer-jquery-plugin/ – Patareco

+1

मुझे नहीं लगता कि आप कीस्ट्रोक को देखने से कैसे दूर होंगे। जब तक आप छद्म शैली चयनकर्ता को 'ओवरफ्लो' जैसे नहीं पकड़ सकते, लेकिन यह अस्तित्व में नहीं है। निश्चित रूप से कहने में सक्षम होने के लिए आप क्या कर रहे हैं इसका एक उदाहरण चाहिए। आप 'div' को' div 'के भीतर लपेट सकते हैं और बाहरी' div' की ऊंचाई या चौड़ाई की समीक्षा बाहरी 'div' की सीमा तक पहुंच सकते हैं, फिर "ओवरफ़्लो" ले जाएं। जब भी आप इसकी सामग्री में बदलाव करते हैं, तब भी आपको आंतरिक 'div' के 'w' और' h' को मापने के बाद से ईवेंट को कीस्ट्रोक में जोड़ना होगा। शायद आप '.change() 'से जुड़ सकते हैं। – Twisty

+1

कुछ अतिप्रवाह पहचान तकनीकों के लिए http://stackoverflow.com/questions/2059743/detect-elements-overflow-using-jquery पर देखें। – Twisty

उत्तर

1

मुझे लगता है कि दोनों की कार्यक्षमता और सादगी के लिए सर्वश्रेष्ठ उत्तर CSS3 column उपयोग करने के लिए और बस widthwise का विस्तार करने की अनुमति है। फिर उन्हें पृष्ठों की तरह बनाने के लिए कॉलम या अन्य तत्वों में शैलियों को जोड़ें। छद्म-पृष्ठों के माध्यम से स्क्रॉल करने के लिए एक एक्स-अक्ष स्क्रॉलबार जोड़ें (जो कि निश्चित ऊंचाई वाले बहुत सारे कॉलम हैं) और इसके व्यावहारिक रूप से किए गए हैं।

इसका मतलब है कि पृष्ठ ऊपर और नीचे की बजाय बाएं से दाएं जा रहे हैं लेकिन यह बिल्कुल खराब समाधान नहीं है। मैं पहले से ही उपयोग कर रहा हूं और आसानी से पहुंचने के लिए सरल समाधान के लिए @Twisty धन्यवाद। इसमें कोड भी शामिल नहीं है, बस कुछ और सीएसएस!

+0

अच्छा सौदा! का आनंद लें! – Twisty

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