मेरा ब्लॉग

मेरा लेखन, समाचार मेरे ज्ञान बांटने,

'टैग' डाक टैग की गईं

Listify HTML तत्वों को कच्चा पाठ में कनवर्ट करें

सोमवार, अगस्त 30th, 2010

Listify क्या है?

Listify एक बहुत ही सरल वेब डेवलपर्स और डिजाइनरों, जो आप सीमांकक, सूचियों और अनदेखी अंकों के प्रकार जैसे विभिन्न विकल्प चुनकर html 'सूची' या 'विकल्प' तत्वों के लिए कच्चे पाठ परिवर्तित करने की अनुमति देता है के लिए एक मुफ्त सेवा है. मैं इस विचार को मिला जब मैं पर काम कर रहा था Clinova परियोजना. मैं साइट के लैंडिंग पृष्ठ में सभी देशों के नाम सम्मिलित था. करना है कि, मैं एक <select> टैग के भीतर सभी नामों को सम्मिलित किया था. तुम बहुत अच्छी तरह से समय की तरह है कि वह स्वयं कर रहा किया गया है बर्बाद होगा समझ सकता हूँ. तो मैं आगे चला गया और में एक कोड की कमी टुकड़ा लिखा सी , जो देश के नाम के साथ एक पाठ फ़ाइल को स्वीकार और <select> टैग नाम के लिए संलग्न के साथ एक पाठ फ़ाइल उत्पन्न होता है. यह जो मैं कुछ (मैं सबसे शायद मैं कैसे मेट योर मदर से एक प्रकरण देखा) का उपयोग समय की एक बड़ी राशि बचा लिया. वैसे भी, तो जब मैं CodeIgniter के साथ शुरू, मैं एक डेमो बेकार परियोजना, एक ऑनलाइन उपकरण के लिए क्यों नहीं है कि सी कार्यक्रम में परिवर्तित बनाने पर अपना समय बर्बाद कर के बजाय सोचा,. आया था, इसलिए Listify . यह अभी भी अल्फा चरण में है और हम नई सुविधाओं है कि आप करना चाहते हैं के लिए कुछ सुझाव सुनने के लिए प्यार होता. हमें feedback@code-pal.com यहाँ प्रतिक्रिया ड्रॉप या एक टिप्पणी छोड़ यहाँ.

यह कैसे मदद मिलेगी?

Listify आप अपने HTML कोडिंग की प्रक्रिया की गति जब आप अपने कोड में बड़े या सूची विकल्प तत्वों को शामिल करने की ज़रूरत कर सकते हैं का उपयोग करना. उदाहरण के लिए, अगर आप देश के नाम की तरह विकल्प तत्वों की आवश्यकता होती है, तो आप के लिए 257 नाम, जो स्पष्ट रूप से कुछ समय लगेगा टैग जोड़ें होगा. Listify का उपयोग करना, यह सिर्फ तीन सेकंड ले जाएगा.

Listify Paste text on text box preview
Listify Paste text on text box preview

यह कैसे उपयोग करने के लिए?

Listify का उपयोग करना बहुत आसान है. सब तुम्हें क्या करना है ऊपर पाठ बॉक्स में पाठ चिपकाने है, अपनी आवश्यकताओं के अनुसार रूप में अपने विकल्पों को कॉन्फ़िगर और बस उत्पन्न बटन पर क्लिक करें. आप किसी भी कच्चे पाठ जगह और एक सीमांकक का चयन करने के लिए सूची / विकल्प तत्वों में विभाजित कर सकते हैं. असल में, यह तीन चरण होते हैं Listify के माध्यम से सूची generete:

  • अपने वांछित स्रोत से पाठ की प्रतिलिपि बनाएँ और पाठ बॉक्स में पेस्ट करें.
  • यह पाठ बॉक्स में चिपकाएँ विकल्प कॉन्फ़िगर.
  • संवाद बॉक्स से उत्पन्न सूची की प्रतिलिपि बनाएँ, यह अपने कोड में चिपकाएँ

अब आप अपनी सहेजी गई समय जिस तरह से आप चाहते का उपयोग कर सकते हैं :)

ये विकल्प क्या हैं?

सूची प्रकार यह विकल्प आपको करने के लिए सक्षम बनाता है तुम क्या तरह की सूची उत्पन्न करना चाहते हैं चुन. क्या यह एक unordered / सूची या <select> टैग के लिए एक विकल्प तत्व <option> तत्व का आदेश दिया है के लिए एक सूची तत्व है अंक पर ध्यान न दें. कई बार वहाँ अवांछित संख्यात्मक पाठ है जो हम में शामिल नहीं बनना चाहती में मौजूद अंक हैं सूची / विकल्प आइटम. यह विकल्प पाठ में मौजूद अंकों की अनदेखी की सूची पैदा करने में सक्षम बनाता है. उदाहरण के लिए, यदि आप एक unordered सूची के लिए एक क्रमांकित सूची कनवर्ट करना चाहते हैं हैं, तो बस सूची की प्रतिलिपि बनाने के लिए, इस विकल्प का चयन करें और सूची आइटम्स की संख्या के बिना उत्पन्न हो जाएगा.

परिसीमक एक परिसीमक आप परिवर्तित किया जा चाहते हैं पाठ में अलग - अलग, स्वतंत्र क्षेत्रों के बीच की सीमा को निर्दिष्ट किया जाता एक या एक से अधिक अक्षर के एक दृश्य है. इसका मतलब है कि कैसे आप अपने पाठ चाहते हैं सूची तत्वों में विभाजित है. उदाहरण के लिए, यदि एक पाठ क, ख, ग, और सीमांकक है, तो सूची <li> के रूप में उत्पन्न हो जाएगा </ li> <li> b </ li> <li> ग </ li> करके डिफ़ॉल्ट अगर कोई सीमांकक दर्ज किया जाता है तो यह "लौटने" या सीमांकक के रूप में "नई पंक्ति" पर विचार करेगी. एक सीमांकक के रूप में अंतरिक्ष के लिए, आप के लिए अंतरिक्ष आदि दर्ज करने की आवश्यकता है

How to choose a delimiter
After choosing a delimiter

मुझे पता है अगर यह उपयोगी था और सुधार और बग के लिए प्रतिक्रिया सबसे स्वागत कर रहे हैं.

हाल के अपडेट:

फरवरी 08, 2011 पर अद्यतन

  • जोड़ा गया मुख्य नेविगेशन संरचना को बनाने का विकल्प.
  • मूल्य विशेषता के साथ विकल्प तत्वों को पैदा करने के लिए नया विकल्प जोड़ा गया.
  • उन्हें भीतर हाइपरलिंक या टैग अवधि टैग के साथ ली तत्वों को पैदा करने के लिए नए विकल्प को जोड़ा गया.
  • बनाने की क्षमता - म्रुतक / सूचियों unordered.

Listify का प्रयोग करें!

टैग्स: , , , , , , ,
में पोस्ट ब्लॉग , परियोजनाओं | 17 टिप्पणियाँ »

  • ग्राफिक नदी मेरे साइटों रहे हैं? थीम वन
  • ब्राउज़ करें

    • मुख्य:

      $ ('Select.jqTransformHidden') रहते हैं ('परिवर्तन', समारोह () {var thiz = ($ टी. ..

    • Jwel:

      Suppppppppppper .... ट्यूटोरियल एक बहुत बहुत धन्यवाद ...............

    • zied:

      हाय, मैं एक पंजीकरण फार्म, मैं बनाने के लिए jqtransform प्लगइन का इस्तेमाल किया है ..

    • zied:

      नमस्ते, क्या आप "OptionGroup का उपयोग करने के लिए एक हल मिल गया है "?...

  • टैग क्लाउड