Xterm.js: चयन को उल्टा होने दें

को निर्मित 10 जून 2017 · 4टिप्पणियाँ · स्रोत: xtermjs/xterm.js

चूंकि हम अब ::selection उपयोग नहीं कर सकते हैं, यह अब संभव नहीं है क्योंकि यह वीएस कोड के वर्तमान संस्करण के साथ है।

screen shot 2017-06-09 at 4 40 40 pm

इस समस्या का सामना करते समय कुछ चुनौतियाँ हैं:

चयन वर्तमान में पंक्तियों में पाठ के नीचे खींचा गया है, जिसमें पृष्ठभूमि का रंग भी हो सकता है। यह पृथक्करण अच्छा है और चयन के प्रतिपादन को पंक्तियों के प्रतिपादन के लिए पूरी तरह से अलग रखना एक अच्छा विचार होगा।
चूंकि .xterm-rows में प्रत्येक तत्व अपने स्वयं के तत्व में लपेटा नहीं जाता है, इसलिए चयन किसी तत्व के बीच में शुरू या समाप्त हो सकता है, जो कुछ समाधानों को प्रतिबंधित करता है।

एक विचार:

इस विचार का लाभ उठाएं कि चयन 3 भागों में विभाजित है; शीर्ष पंक्ति, मध्य पंक्तियाँ, निचली पंक्ति (जैसे https://github.com/sourcelair/xterm.js/pull/691 में)
.xterm-rows भीतर मध्य पंक्ति तत्वों को xterm-invert-selection वर्ग के साथ चिह्नित किया जा सकता है जो सीएसएस के माध्यम से पृष्ठभूमि और अग्रभूमि रंगों को उलट देता है।
ऊपर और नीचे की पंक्तियों को z-index: 1 का उपयोग करके पंक्तियों के ऊपर खींचा जा सकता है और पंक्ति की वास्तविक सामग्री को चयन में जोड़ा जाता है। aria-hidden को अच्छे उपाय के लिए जोड़ा जा सकता है ताकि यह सुनिश्चित हो सके कि इसे दो बार पढ़ा नहीं गया है।

सुनिश्चित नहीं है कि यह सही समाधान है, हालांकि, मुझे वास्तव में उपरोक्त समाधान में पाठ का दोहराव पसंद नहीं है, लेकिन कम से कम यह सिर्फ 2 पंक्तियों पर है।

areselection out-of-scope typenhancement

स्रोत

Tyriar

👍1

सबसे उपयोगी टिप्पणी

मेरे पास अभी पीआर के लिए समय नहीं है, लेकिन मैंने पाया कि हम बहुत कम प्रयास के साथ रेंडरर के साथ इसे पूरा करने के लिए सीएसएस mix-blend-mode संपत्ति का उपयोग कर सकते हैं:

.xterm-selection-layer {
    mix-blend-mode: exclusion;
}

इसके अतिरिक्त, गैर-अपारदर्शी चयन रंग के साथ भी, यह अग्रभूमि, चयन और पृष्ठभूमि को दृश्यमान बना देगा:

.xterm-selection-layer {
    mix-blend-mode: multiply;
}

दुर्भाग्य से, ऐसा लगता है कि यह एज एटीएम द्वारा समर्थित नहीं है।

mofux 5 जन॰ 2018

👍2

सभी 4 टिप्पणियाँ

@Tyriar इसे कुछ विचार देते हुए, मुझे डर है कि एक बार जब हम सच्चे रंग का समर्थन भेज देंगे तो आपका विचार काम नहीं करेगा। मुझे डर है कि हमें पृष्ठभूमि/चयन/अग्रभूमि को अलग-अलग परतों में विभाजित करना होगा, और फिर चयन के भीतर अग्रभूमि और पृष्ठभूमि कॉलम में हेरफेर करना होगा। एक बार जब हम ट्रूकलर का विलय कर लेते हैं, तो मुझे इसे परतों में विभाजित करना होगा।

mofux 25 जुल॰ 2017

यह अधिक अच्छा है, मुझे नहीं लगता कि हम इसे संभव बनाने के लिए प्रदर्शन/वास्तुकला या कुछ भी समझौता करना चाहते हैं। https://github.com/sourcelair/xterm.js/issues/720 अधिक महत्वपूर्ण आईएमओ है।

Tyriar 28 जुल॰ 2017

👍2

.xterm-selection-layer {
    mix-blend-mode: exclusion;
}

.xterm-selection-layer {
    mix-blend-mode: multiply;
}

दुर्भाग्य से, ऐसा लगता है कि यह एज एटीएम द्वारा समर्थित नहीं है।

mofux 5 जन॰ 2018

👍2

चूंकि इसे बंद करना शुरू में सही करने की तुलना में कहीं अधिक जटिल है और किसी ने इसके लिए मतदान नहीं किया है। इसके अलावा यह एक और विकल्प होगा।

Tyriar 7 अक्तू॰ 2019

क्या यह पृष्ठ उपयोगी था?

0 / 5 - 0 रेटिंग्स

Xterm.js: चयन को उल्टा होने दें

सबसे उपयोगी टिप्पणी

सभी 4 टिप्पणियाँ

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