2012-12-23 12 views
9

मैं tinyMCE संपादक है कि इस तरह ब्रेकेट में सीमित कर रहे हैं अंदर लघुकोड है:tinyMCE संपादक में शॉर्टकोड उजागर करने के लिए कैसे

[my_shortcode]some text that gets parsed by my shortcode function[/my_shortcode] 

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

विचार यह है कि शॉर्टकोड में वर्तमान में किसी भी आसपास के पाठ से उन्हें अलग करने के लिए कोई विशेष रंग या स्वरूपण नहीं होता है और जब तक वे अधिक खड़े नहीं होते हैं तब तक उनके साथ काम करना मुश्किल हो सकता है।

लघुकोड (उदाहरण) की मेरी सूची:

[my_shortcode],[my_shortcode_2],[my_shortcode_3] 

अद्यतन: मैं मैं क्या इस पर प्राप्त कर सकते हैं ले लेंगे, लेकिन आदर्श रूप में, मैं केवल कोष्ठक को स्टाइल लागू करना चाहते हैं, नहीं पाठ कि ब्रैकेट चारों ओर लपेटा जाता है। इसलिए मैं केवल रनकटाइम सीएसएस शैली को शोर्टकैड ब्रैकेट पर लागू करना चाहता हूं: उदाहरण के लिए [my_shortcode] और [/ my_shortcode] और वह पाठ छोड़ दें जो वे अकेले संलग्न करते हैं।

+0

मुझे नहीं लगता है कि यह इन ब्लॉकों के लिए स्थायी स्टाइल लागू करने के लिए जब तक वे ब्लॉक (फैला या किसी अन्य इनलाइन तत्व) में परिवर्तित हो जाएगा संभव है है। नामित बटन के साथ मांग पर उन्हें हाइलाइट करने के बारे में कैसे? – raina77ow

+0

WYSIWYG + टेम्पलेट टैग = आपदा। लोग हमेशा बोल्ड/इटालिक्स/क्रैपपेस्टेड वर्ड डॉक्यूमेंट जोड़कर चीजों को पेंच करते हैं। मैं इसके जवाब देने की उम्मीद कर रहा हूं, मैं वास्तव में इसे स्वयं इस्तेमाल कर सकता हूं - भले ही यह सिर्फ एक दृश्य क्यू है। मुझे लगता है कि आपका अपडेट थोड़ा अधिक पूछ रहा है, आपको यह लेना चाहिए कि आप इस पर क्या प्राप्त कर सकते हैं क्योंकि मुझे नहीं लगता कि यह इतना आसान होगा। –

+0

@ वेस्ले - मैं सिर्फ बनाम शोर्ट में HTML कोड डालना पसंद करूंगा। एक बार जब मेरे पास tinyMCE एपीआई में गहरी खुदाई करने का समय हो, तो मैं शॉर्टकोड को बाईपास कर सकता हूं और शॉर्टकोड आखिरकार प्रासंगिक HTML कोड जोड़ सकता हूं। –

उत्तर

1

यहाँ समस्या यह है कि आप एक HTML तत्व का पाठ सामग्री के कुछ हिस्सों के लिए सीएसएस लागू नहीं कर सकते। मेरा समाधान दृष्टिकोण इस तरह दिखेगा: आपको उन बंद टैग को एक विशेष कक्षा के साथ एक अवधि में लपेटने की आवश्यकता होगी। इस तरह आपके शॉर्टकोड को हाइलाइट किया जा सकता है। जब आप सर्वर पर अपनी एडिटर सामग्री जमा करते हैं तो आपको अपनी विशेष कक्षा के साथ स्पैन को पट्टी करना होगा और उन्हें अपने टेक्स्ट सामग्री के साथ बदलना होगा।

0

लघुकोड या अन्य तत्वों के लिए पर प्रकाश डाला है जो सभी shortocodes सूची जाएगा या तो एक कस्टम शोर्ट मेनू का उपयोग करें और उन्हें संपादक क्षेत्र में डालने के लिए किया गया है पर प्रकाश डाला या और भी बेहतर एचटीएमएल, सीएसएस, जावास्क्रिप्ट को उजागर करने के लिए एक वाक्य रचना हाइलाइटर का उपयोग प्रदान करने के लिए सबसे अच्छा तरीका है और shortocodes (केवल जब कच्चे मोड में)

इस CodeMirror प्रयोग करने के लिए एक सरल उपाय यहाँ है: पाठ संपादक में http://nikos-web-development.netai.net/blog/shortcodes-highlighting-overlay-in-codemirror/

0

हाइलाइट करना लघुकोड लंबे समय था एक बड़ा अनसुलझा मुद्दा। अंत में एक प्लगइन है जो वास्तव में करता है।

HTML Editor Syntax Highlighter Plugin

Syntax Highlighting Wordpress Shortcodes

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