सिम्फनी 2 के लिए अनबॉबल जेनमू टाइनीमेसी ट्यूनिंग फीचर्स

GenemuFormBundle एक बंडल है जो Symfony2 के लिए कुछ विजेट्स का सुविधाजनक कार्यान्वयन प्रदान करता है, विशेष रूप से, लोकप्रिय TinyMCE WYSIWYG संपादक। दो सामान्य कार्यों पर विचार करें: बैकएंड में टाइनीमेसीई का उपयोग करना और फ्रंटेंड में बी बी कोड स्थापित करना।

प्रस्तावना

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

GenemuFormBundle से TinyMCE विजेट के लिए आधिकारिक दस्तावेज।

GenemuFormBundle बंडल को स्थापित करने के निर्देशों का पालन करने के बाद, आपको TinyMCE से स्क्रिप्ट / वेब / बंडल / genemuform / फ़ोल्डर में डाउनलोड करने और डालने की आवश्यकता है। आप जेएस को कहीं भी रख सकते हैं, स्क्रिप्ट का लिंक कॉन्फ़िगर करने योग्य है।
TinyMCE की कार्यक्षमता तक पहुंचने के लिए, आपको कम से कम कॉन्फ़िगरेशन फ़ाइल में इसे पंजीकृत करने की आवश्यकता है:

# app/config/config.yml genemu_form: tinymce: ~ 

इस रूप में इस विजेट का सबसे सरल उपयोग इस प्रकार होगा:

 <?php // ... public function buildForm(FormBuilder $builder, array $options) { $builder // ... ->add('content', 'genemu_tinymce'); } 

विजेट को काम करने के लिए, आपको आवश्यक जेएस लाइब्रेरी से कनेक्ट करना होगा। ऐसा करने के लिए, अपने टेम्पलेट में जोड़ें:

 {% block javascripts %} <script src="{{ asset('js/jquery-1.7.min.js') }}"></script> <script src="{{ asset('tinymce/jquery.tinymce.js') }}"></script> {{ form_javascript(form) }} {% endblock %} {% block body %} <form action="{{ path('my_route_form') }}" type="post" {{ form_enctype(form) }}> {{ form_widget(form) }} <input type="submit" /> </form> {% endblock %} 

स्निपेट {{ form_javascript(form) }} ध्यान दें। GenemuFormBundle से विजेट के लिए विशिष्ट कॉन्फ़िगरेशन सेटिंग्स लागू करना आवश्यक है।

कॉन्फ़िगरेशन में, आप TinyMCE स्क्रिप्ट के लिए पथ निर्दिष्ट कर सकते हैं:

 # app/config/config.yml genemu_form: tinymce: script_url: '/tinymce/tiny_mce.js' 

डिफ़ॉल्ट रूप से, TinyMCE फ़ील्ड में निम्न सेटिंग्स हैं:

 # app/config/config.yml genemu_form: tinymce: enabled: true theme: advanced 

इस उदाहरण के आधार पर, यह अनुमान लगाना मुश्किल नहीं है कि एप्लिकेशन / config / config.yml में आप किसी भी कॉन्फ़िगरेशन सेटिंग्स को निर्दिष्ट कर सकते हैं जो TinyCCE समर्थन करता है।
यह वह जगह है जहाँ आधिकारिक प्रलेखन समाप्त होता है। अब, देखते हैं कि सोनाटा एडमिनबंडल में टिनीएमसीई कैसे काम करता है और साइट पर विभिन्न रूपों में टिनी सेटिंग्स कैसे करें।

TinyMCE और सोनाटा AdminBundle

इसलिए, हमने SonataAdminBundle को स्थापित किया है और हम अपनी वेबसाइट पर लेख या समाचार जोड़ने के लिए अपने बैकएंड में TinyMCE का उपयोग करना चाहते हैं। ऐसा करने के लिए, डिफ़ॉल्ट प्लग-इन सेटिंग्स हमारे लिए उपयुक्त हैं, आपको बस विजेट को फ़ॉर्म में पेंच करना होगा। इस खूबसूरत पोस्ट में सोनाटाअमिनबंडले के साथ काम करने का विस्तृत विवरण पाया जा सकता है। और हम अपने विजेट के लिए विशिष्ट सेटिंग्स पर विचार करेंगे।
व्यवस्थापक कॉन्फ़िगरेशन में, निम्न लिखें:

 /* my_app\PagesBundle\Admin\PagesAdmin.php */ protected function configureFormFields(FormMapper $formMapper) { //... $formMapper->add( 'body','genemu_tinymce',array('label' => '')); //... } 

अब आपको हमारे जावास्क्रिप्ट को संलग्न करने के लिए SonataAdminBundle टेम्पलेट को ओवरराइड करने की आवश्यकता है:

 {# /app/Resources/SonataAdminBundle/views/standard_layout.html.twig #} {% block javascripts %} {# ... #} <script type="text/javascript" src="/bundles/genemuform/tinymce/jscripts/tiny_mce/tiny_mce.js"></script> {% if form is defined %} {{ form_javascript(form) }} {% endif %} {% endblock %} 

मैं इसे तुरंत Gen_uFormBundle के अन्य विजेट्स का उपयोग करने के लिए standard_layout से जोड़ता हूं।
हम व्यवस्थापक पैनल में जाते हैं, और हम देखते हैं कि सब कुछ काम किया:

आपको याद दिला दूं कि टहनियों में भागने के बिना HTML आउटपुट इस तरह से किया जाता है:
{{ entity.body | raw }}
पुनश्च परिणामों पर आश्चर्यचकित नहीं होने के लिए, "जादू उद्धरण" को अक्षम करना चाहिए।

विभिन्न रूपों के लिए विभिन्न TinyMCE सेटिंग्स।

अब कल्पना करें कि लेखों के अलावा, टिप्पणियों को साइट पर पोस्ट किया जाएगा, जिसमें हम TinyMCE का उपयोग करना चाहते हैं, लेकिन bb कोड के साथ। GenemuFormBundle के स्रोत कोड में थोड़ी सी खुदाई करने के बाद, हमें पता चलता है कि सेटिंग्स को पूरे अनुप्रयोग के लिए न केवल विश्व स्तर पर सेट किया जा सकता है, बल्कि एक विशिष्ट विजेट के लिए, मापदंडों के रूप में:

  public function buildForm(FormBuilderInterface $builder, array $options) { //... $builder->add('body','genemu_tinymce',array( 'label' => '', 'configs' =>array( 'entity_encoding'=>'raw', 'plugins' => 'bbcode', 'add_unload_trigger' => 'false', 'remove_linebreaks' => 'false', 'inline_styles' => 'false', 'convert_fonts_to_spans' => 'false', 'theme_advanced_buttons1' => 'bold,italic,underline,undo,redo,link,unlink,forecolor,styleselect,removeformat,cleanup,code', 'theme_advanced_buttons2' => '', 'theme_advanced_buttons3' => '') )) ; //... } 

अगला, हम बंडल के लिए प्रलेखन के अनुसार सब कुछ करते हैं, और हमें निम्नलिखित मिलते हैं:

हाँ, बी बी कोड वास्तव में अर्जित किया।

उपयोग किए गए स्रोतों की सूची

1. GenemuFormBundle
2. TinyMCE
3. SonataAdminBundle
4. SonataAdminBundle के साथ प्रशासनिक इंटरफ़ेस