जेन कोडिंग के साथ मूल्य कैसे जोड़ें?

Question

जब मैं ज़ेन कोडिंग टाइप करता हूं तो मुझे मूल्य जोड़ना पसंद है। उदाहरण के लिए, इनपुट: पाठ बन जाता है:। मैं इसे कैसे बना सकता हूं ताकि इनपुट: पाठ कुंजी गुण के बीच कुंजीपटल कर्सर बन जाए और रखे?

Answer 1

जहां तक ​​मुझे पता है, आप कम से कम डिफ़ॉल्ट जेन कोडिंग मानक में नहीं कर सकते हैं। कम से कम एक प्रोजेक्ट है जो जेन कोडिंग में मूल्यों और कुछ प्राथमिक तर्क (जैसे लूपिंग) जोड़ने की कोशिश करता है, https://github.com/zodoz/jquery-ZenCoding देखें। यह एक जावास्क्रिप्ट कार्यान्वयन, दिमाग है। कि :text के साथ आते हैं प्लेसहोल्डर के लिए तीन स्थानों पर, दो सामान्य, और value विशेषता है जो [value] से आता है के साथ इनपुट -

Answer 2

आप वर्ग कोष्ठकों के उपयोग, इसलिए लिख input:text[value]<input type="text" name="|" id="|" value="|"> बन जाएगा टैग के लिए गुण जोड़ सकते हैं।

Answer 3

@Moon

यहाँ एक चाल है कि मैं का उपयोग करें।

select>option#$*5 // this would give the following HTML <select> 

<select> 
    <option id="1"></option> 
    <option id="2"></option> 
    <option id="3"></option> 
    <option id="4"></option> 
    <option id="5"></option> 
</select> 

तो, आप अपने पाठ संपादक में पूरे <select> ब्लॉक का चयन करें।
फिर, के साथ सभी "<option id" को प्रतिस्थापित करें।

को परिभाषित (खुला और समापन टैग के बीच) क्या मूल्य लपेटा जाना चाहिए द्वारा चीयर्स :-)

Answer 4

आप मूल्य जाहिर है, तो निम्नलिखित पैटर्न

b{this is a bold text} 

जो

<b>this is a bold text</b> 

के परिणाम का उपयोग

हालांकि मुझे इस सुविधा का समर्थन करने वाले संपादकों और आईडीई के बारे में पता नहीं है, लेकिन मैं बस इतना कह सकता हूं कि यह इंटेलिजे और नोटपैड ++ के लिए काम करता है।

Answer 5

जोड़ने से इस table>tr*5>td*5>lorem10

उत्पन्न करेगा:

<table> 
      <tr> 
       <td>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quia, aperiam.</td> 
       <td>Sit eius temporibus optio reprehenderit itaque blanditiis harum consectetur rerum.</td> 
       <td>Ex, odit, nostrum quia nemo consequuntur quisquam corrupti ipsam quis.</td> 
       <td>Voluptatibus, cum, aspernatur rem officia recusandae similique saepe praesentium nulla.</td> 
       <td>Labore, obcaecati iure rerum beatae dignissimos fugit sapiente! Sequi, fugit.</td> 
      </tr> 
      <tr> 
       <td>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Culpa, totam.</td> 
       <td>Officiis, dolores facilis non vitae eius accusamus consequatur magnam incidunt!</td> 
       <td>Voluptates repellendus delectus illo facilis at provident unde sint error!</td> 
       <td>Quibusdam, nisi, reprehenderit incidunt rem a ducimus sint expedita molestias?</td> 
       <td>Quam, laborum rerum unde quaerat fuga architecto odio voluptatum nemo.</td> 
      </tr> 
      <tr> 
       <td>Lorem ipsum dolor sit amet, consectetur adipisicing elit. In, architecto.</td> 
       <td>Maiores, voluptatum modi sunt iure aperiam aut quisquam nobis suscipit?</td> 
       <td>Repellendus, amet vero modi inventore ipsam libero culpa animi debitis.</td> 
       <td>Earum consequuntur ut totam possimus provident libero ad commodi esse!</td> 
       <td>Reprehenderit, quo, et laboriosam inventore error quas facilis dignissimos voluptate.</td> 
      </tr> 
      <tr> 
       <td>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Maxime, necessitatibus.</td> 
       <td>Officiis maxime praesentium repellendus distinctio cum atque aspernatur animi dolorum.</td> 
       <td>Culpa pariatur quos quis voluptate ratione eos unde accusantium quisquam.</td> 
       <td>Id possimus nisi sequi nostrum cum pariatur eius vel commodi.</td> 
       <td>Velit, et, iure incidunt illum culpa cum nihil quidem perferendis.</td> 
      </tr> 
      <tr> 
       <td>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est, ab?</td> 
       <td>Labore, voluptatem quasi temporibus fugit cumque possimus obcaecati id dolor?</td> 
       <td>Asperiores hic maiores architecto alias commodi ea in suscipit unde!</td> 
       <td>Distinctio, quasi reprehenderit tempora ipsa nisi ad ut eaque numquam!</td> 
       <td>Nobis, illum ex excepturi quaerat mollitia animi vero repellat quam.</td> 
      </tr> 
     </table> 

Answer 6

कुछ मैं एक बार इस्तेमाल किया ..

select>option[value=$].gameSize${$x$}*10 

उत्पन्न होगा

<select name="" id=""> 
<option value="1" class="gameSize1">1x1</option> 
<option value="2" class="gameSize2">2x2</option> 
<option value="3" class="gameSize3">3x3</option> 
<option value="4" class="gameSize4">4x4</option> 
<option value="5" class="gameSize5">5x5</option> 
<option value="6" class="gameSize6">6x6</option> 
<option value="7" class="gameSize7">7x7</option> 
<option value="8" class="gameSize8">8x8</option> 
<option value="9" class="gameSize9">9x9</option> 
<option value="10" class="gameSize10">10x10</option> 
</select> 

तो, $ इसी संख्या तक विस्तारित होगा ... जहां भी आप इसे डालते हैं! (" 'के बीच' कर्सर", ": पाठ हो जाता है इनपुट।")

मैं 2.