टेक्स्टरेरा में नेस्टेड बेस भाषाएं गतिशील रूप से कैसे लागू करें?

Question

मैं टेक्स्टटेरा में दोनों आरटीएल और एलटीआर भाषाओं को एक साथ रखने के लिए सबसे सुरुचिपूर्ण समाधान की तलाश में हूं: उदा। अरबी और एचटीएमएल एक साथ।

The standards सीएसएस का उपयोग कर इसे बनाने के लिए नहीं कहते हैं:

direction: rtl; 
unicode-bidi: embed; 

इस रूप में एचटीएमएल नेस्टेड पाठ समस्या नहीं है, वैसे भी मेरे लिए काम नहीं करता। अरबी दाईं ओर गठबंधन है लेकिन एचटीएमएल टूट गया है।

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

Answer 1

चूंकि textarea की सामग्री को सादा पाठ के रूप में लिया जाता है, इसलिए आप span मार्कअप या किसी अन्य मार्कअप का उपयोग नहीं कर सकते हैं, और आप इसके बाकी हिस्सों को अलग-अलग से अलग नहीं कर सकते हैं (पहली पंक्ति या सिवाय इसके अलावा छद्म तत्वों का उपयोग करते हुए पहला चरित्र)।

हालांकि, सादे पाठ स्तर पर, बिडरेक्शनल एम्बेडिंग को नियंत्रण वर्णों का उपयोग करके लागू किया जा सकता है। मान लीजिए कि आप पूरी तरह से तत्व पर direction: rtl सेट करते हैं (उपयोगकर्ताओं को दाएं से बाएं भाषा में डेटा दर्ज करने की उम्मीद है), उपयोगकर्ता यू + 202 ए बाएं-टू-राइट इमेडिंग टाइप कर सकते हैं ताकि बाएं से दाएं टेक्स्ट जैसे अंग्रेजी या एचटीएमएल मार्कअप और फिर इसे समाप्त करें, यू + 202C पीओपी डायरेक्शनल फॉर्मेटिंग टाइप करके दाएं से बाएं मोड पर लौटें। कैसे अपनी स्थिति को छोड़ दिया करने के लिए Aling को

<textarea id=msg name=msg rows=10 cols=40> 
</textarea> 
<br> 
<button type=button onclick="append('\u202A')">→</button> 
<button type=button onclick="append('\u202C')">←</button> 
<script> 
var msg = document.getElementById('msg'); 
function append(ch) { 
    msg.innerHTML += ch; 
    msg.focus(); 
} 
</script>