कृपया कोई jQuery नहीं!

मैं कोडमिरर संपादक के शरीर के भीतर एक स्टाइल अवधि जोड़ना चाहता हूं। यह एक मेल मर्ज जैसे एप्लिकेशन के प्रयोजनों के लिए है जहां आप उदाहरण के लिए कर सकते हैं: (जैपियर से) example

मेरा मानना ​​है कि कोडमिरर विजेट का उपयोग करके यह संभव हो सकता है लेकिन मैं खो गया हूं कि किस दिशा में जाना है। मुझे कुछ इसी तरह का एक उदाहरण मिला (यद्यपि कहीं अधिक जटिल) यहां

मैंने भी कोशिश की t में बहु-पंक्ति इनपुट हैं, जो एक आवश्यकता है।

मुझे केवल इन स्पैन को जोड़ने और हटाने की क्षमता है (टैग के पीछे कैरेट के साथ बैकस्पेस के माध्यम से) लेकिन एक आसान समाधान प्रतीत नहीं होता है।

इसके अलावा यदि कोई सुविधाजनक पुस्तकालय या कोई अन्य दिशा है तो मैं कोडमिरर को शामिल नहीं कर सकता जो भी ठीक होगा।

0
Pepperized 10 सितंबर 2019, 17:16

1 उत्तर

सबसे बढ़िया उत्तर

कोडमिरर वास्तव में इसके लिए उपयुक्त है।

पहले दस्तावेज़ में कुछ प्लेसहोल्डर डालें, जैसे [[टैग]]।

var lineNumber = 0;
var charNumber = 0;
var snippet = "[[tag]]"
editor.doc.replaceRange(snippet, {line:lineNumber, from: charNumber});

फिर अपना डोम तत्व बनाएं, मैं एक अवधि की अनुशंसा करता हूं।

var htmlNode = document.createElement("span");
//Style and add what you like to the span

फिर इसे उस नोड से बदलने के लिए doc.markText का उपयोग करें।

editor.doc.markText({line: lineNumber,ch: charNumber}, {line: lineNumber,ch: charNumber + snippet.length}, {
   replacedWith: htmlNode
})
7
Pepperized 11 सितंबर 2019, 09:49