TinyMCE

Question

के अंदर ट्विग टैग कैसे लिखें मुझे टिनीमास के साथ टिग्म, के साथ संयुक्त समस्या है, मैं tigmce में twig टैग के साथ HTML पेस्ट करने का प्रयास कर रहा हूं। (कच्चे एचटीएमएल का प्रयोग करके)

यहाँ

क्या मैं एक परिणाम के रूप चाहते हैं:

<table> 
<thead> 
    <tr> 
     <th></th> 
     {% for period in report.periods %} 
      <th> 
       {% set per = "last_" ~ period %} 
       {{ per | trans({}, "admin") }} 
      </th> 
     {% endfor %} 
    </tr> 
</thead> 
<tbody> 
    {% for category in report.categories %} 
     <tr> 
      <td> 
       <b>{{ category | trans({}, "admin") }}</b> 
      </td> 
      {% for period in report.periods %} 
       <td> 
        {{ data[category][period] }} 
       </td> 
      {% endfor %} 
     </tr> 
    {% endfor %} 
</tbody> 
</table> 

यह है कि यह कैसे की तरह जब मैं यह TinyMCE में पेस्ट करें और मान्य आप जैसा कि मेरे एचटीएमएल

<p>{% for period in report.periods %} {% endfor %} {% for category in report.categories %} {% for period in report.periods %} {% endfor %} {% endfor %}</p> 
<table> 
<thead> 
<tr> 
<th></th><th>{% set per = "last_" ~ period %} {{ per | trans({}, "admin") }} </th> 
</tr> 
</thead> 
<tbody> 
<tr> 
<td><b>{{ category | trans({}, "admin") }}</b></td> 
<td>{{ data[category][period] }}</td> 
</tr> 
</tbody> 
</table> 

लग रहा है देख सकते हैं, tinyMce टेबल के बाहर मेरे twig टैग ले जाता है और मैं जो तर्क करना चाहता था उसे तोड़ देता हूं।

मैंने tinyMce (cleanup : false) के लिए पृथक्करण कॉन्फ़िगरेशन और आधिकारिक साइट पर सीधे संस्करण (3.x, 4.x) को अलग करने की कोशिश की है। लेकिन यह

आपकी सहायता के लिए धन्यवाद नहीं करता है।

Answer 1

यह मेरे लिए जटिल लग रहा है, </td> और <td> के बीच कुछ डालने के लिए अमान्य HTML के रूप में परिणाम होगा।

TinyMCE एक WYSIWYG HTML संपादक है, इसलिए यह आपके HTML को इसे प्रस्तुत करने के लिए व्याख्या करने का प्रयास करेगा क्योंकि इसका परिणाम होगा; और यह इस चरण में है कि आपका मूल HTML टूटा हुआ है। बस कोशिश करते हैं, किसी भी ब्राउज़र में, निम्न कोड प्रस्तुत करना:

<table border=1> 
    <tr> 
    <td>test</td> 
    hello 
    <td>test</td> 
    world 
    <td>test</td> 
    </tr> 
</table> 

आप की तरह कुछ मिल जाएगा: तालिका क्षेत्र से बाहर

कोड ऊपर रखा गया है, इस व्यवहार वास्तव में लग रहा है आपके TinyMCE फ़ील्ड को सत्यापित करते समय आपको प्राप्त होने वाले HTML की तरह।

जैसे ही टिग फाइलें केवल टेम्पलेट्स हैं और अंतिम दस्तावेज नहीं हैं, उन्हें WYSIWYG संपादक पर आयात करने के लिए कोई तर्क नहीं है, क्योंकि अवैध HTML को केवल प्रस्तुत नहीं किया जा सकता है। उचित टिग संपादक प्राप्त करने के लिए मैं आपको TinyMCE को codemirror used in jinja mode द्वारा प्रतिस्थापित करने की सलाह दूंगा।

Answer 2

आप कुछ वैकल्पिक हल कर सकते हैं:

<thead> 
<tr> 
    <th></th> 
    <!--{% for period in report.periods %}--> 
     <th> 
      {% set per = "last_" ~ period %} 
      {{ per | trans({}, "admin") }} 
     </th> 
    <!--{% endfor %}--> 
</tr> 

TinyMCE के लिए यह अवैध नहीं है। Twig इसे कुछ अतिरिक्त खाली टिप्पणियों के साथ प्रस्तुत करते हैं।

<thead> 
<tr> 
    <th></th> 
    <!----> 
     <th> 
      Result value 1 
     </th> 
    <!----> 
     <th> 
      Result value 2 
     </th> 
    <!----> 
</tr> 

TinyMCE के

Answer 3

उपयोग protect विकल्प TWIG कोड छानने निष्क्रिय करने के लिए:

tinymce.init({ 
    protect: [ 
     /{%(.*)%}/g, // Allow TWIG control codes 
     /{{(.*)}}/g, // Allow TWIG output codes 
     /{#(.*)#}/g, // Allow TWIG comment codes 
    ] 
}) 

Answer 4

मैं बिल्कुल एक ही समस्या, TinyMCE टहनी टैग उलटफेर किया था। मैं v4 का उपयोग कर रहा हूं।1 और एकमात्र समाधान है जो तालिका में टहनी टैग के लिए काम कर रहा है टहनी टैग आसपास एचटीएमएल टिप्पणी जोड़ रहा है तो अपने कोड इस

<thead> 
<tr> 
    <th></th> 
    <!-- {% for period in report.periods %} --> 
     <th> 
      <!-- {% set per = "last_" ~ period %} --> 
      <!-- {{ per | trans({}, "admin") }} --> 
     </th> 
    <!-- {% endfor %} --> 
</tr> 

मैं <!--TWIG: { my twig tags} :TWIG--> इस्तेमाल किया तो बचाने पर regexp साथ टिप्पणियों को निकाल तरह कुछ होगा ।

AFAIK कोई config विकल्प जो सेल के बाहर तालिका में उलटफेर टहनी टैग रोका जा सके <td>