मैं सोच रहा था कि online rich text editors जब आप किसी वेबपृष्ठ या दस्तावेज़ से टेक्स्ट पेस्ट करते हैं तो स्वरूपण बनाए रखें। एक मानक टेक्स्टरेरा बॉक्स केवल टेक्स्ट लेता है जबकि इन WYSIWYG संपादकों को एक DIV का उपयोग करना प्रतीत होता है। यह कैसे काम करता है?ऑनलाइन समृद्ध पाठ संपादक कैसे काम करते हैं?
ऑनलाइन समृद्ध पाठ संपादक HTML संपादन के लिए ब्राउज़र के मूल समर्थन का लाभ उठाने के लिए contentEditable या designMode का उपयोग करते हैं। जब आप किसी सामग्री में पेस्ट करते हैं संपादन योग्य या डिज़ाइन मोड तत्व, ब्राउज़र सीधे HTML में HTML डालता है। Midas Demo में पेस्ट करके और फिर चिपकाए गए HTML को देखने के लिए फ़ायरबग के निरीक्षण तत्व का उपयोग करके इसे स्वयं आज़माएं।
जावास्क्रिप्ट एप्लिकेशन execCommand विधि का उपयोग एक समृद्ध टेक्स्ट एडिटर में उपयोगकर्ता के चयन को प्रारूपित करने के लिए कर सकते हैं।
WYSIWYG संपादक वास्तव में बुनियादी HTML संपादन कार्यक्षमता के शीर्ष पर बनाते हैं जो ब्राउज़र पहले से ही बना है। फ़ायरफ़ॉक्स में, तकनीक को Midas कहा जाता है। आईई में, contentEditable।
मौजूदा ब्राउज़र क्षमताओं का उपयोग करके (IE - ContentEditable)। यह डेवलपर को उपयोगकर्ता को HTML को सीधे संपादित करने की अनुमति देता है। वे आमतौर पर संपादन पृष्ठ को शेष पृष्ठ से अलग करने के लिए iFrame का उपयोग करते हैं, लेकिन इसकी आवश्यकता नहीं है।
तब डेवलपर आईफ्रेम (या जो कुछ भी) के HTML स्रोत को पढ़ सकता है और वे कर चुके हैं।
उत्सुक: सफारी और क्रोम समान तकनीक का उपयोग करते हैं? क्या यह कुछ आधुनिक ब्राउज़रों में उपलब्ध है? – hora
हां और हां: http://operawiki.info/TextAreaEditor मुझे नहीं पता कि इसे क्रोम के लिए क्या कहा जाता है। –
@ पेक्का 웃 आपका लिंक मर चुका है – Volomike