2012-12-06 17 views
9

पर कस्टम बटन जोड़ें मैं जूमला के आलेख संपादक में एक अतिरिक्त बटन डालने का प्रयास कर रहा हूं। यह विस्तारित मोड में डिफ़ॉल्ट TinyMCE प्लग का उपयोग कर रहा है। जैसा कि आप पहले ही जानते होंगे कि संपादक के नीचे 4 बटन हैं (आलेख, छवि, पेज ब्रेक और और पढ़ें)। मैं क्या करना चाहता हूं 5 वां बटन डालना है। (मैंने एक छवि बटन संलग्न किया है, इसलिए कहा गया है कि मैं कम से कम 10 प्रतिनिधि बिंदुओं की आवश्यकता के रूप में पोस्ट नहीं कर सकता हूं।)जूमला के आलेख संपादक (TinyMCE)

मैंने पेज ब्रेक बटन प्लगइन की प्रतिलिपि बनाने और इसे नाम बदलने की कोशिश की है, फिर इसे एक नए के रूप में पुनः इंस्टॉल करें प्लगइन, लेकिन यह सब कुछ TinyMCE के साथ त्रुटियों का कारण बनता है और कोई बटन प्रकट नहीं होता है।

प्रश्न: मैं बटन कैसे सम्मिलित करूं?

+0

क्या आप अपना कोड पोस्ट कर सकते हैं? मैं इसे प्लगइन इंस्टॉल करता हूं और सही जगह पर और सक्षम है। – Elin

+0

हाय एलिन, मैंने कोड पोस्ट करने पर विचार किया लेकिन यह मदद नहीं करेगा क्योंकि यह 'पेज ब्रेक' बटन के लिए पहले से उपलब्ध कोड है जो डिफ़ॉल्ट जूमला इंस्टॉल के साथ आता है। प्लगइन सक्षम है और उसी स्थान पर अन्य संपादक-xtd प्लगइन्स के रूप में। –

+0

यदि यह पूरी तरह से एक प्रतिलिपि है तो आप उन स्थानों में से किसी एक को बदलने में विफल रहे हैं जहां नाम xml में कुछ मिलान करना है। – Elin

उत्तर

7

मैंने अपनी व्यापक खोज जारी रखी है और जूमला 1.5 के लिए आलेख संपादक में अतिरिक्त बटन जोड़ने पर एक मार्गदर्शिका पाई है।

ट्यूटोरियल यहां उपलब्ध है: http://tushev.org/articles/programming/18-how-to-create-an-editor-button-editors-xtd-plugin-for-joomla

सीधे बॉक्स से बाहर यह जूमला 2.5 और जूमला 3.0 के साथ काम नहीं करेगा क्योंकि एक्सएमएल मैनिफेस्ट मानकों को कभी-कभी बदल दिया गया है। ट्यूटोरियल के साथ लाइन में रखते हुए इसके बजाय इस एक्सएमएल मेनिफेस्ट का उपयोग करें।

<?xml version="1.0" encoding="utf-8"?> 
<extension version="2.5" type="plugin" method="upgrade" group="editors-xtd"> 
     <name>test</name> 
     <author>Name</author> 
     <creationDate>Month 2013</creationDate> 
     <copyright>Month Name. All rights reserved.</copyright> 
     <license>GPL</license> 
     <authorEmail>Email</authorEmail> 
     <authorUrl>Your URL</authorUrl> 
     <version>1.0.0</version> 
     <description> 
      "adds the button 'test' to the editor" 
     </description> 
     <files> 
      <filename plugin="test">test.php</filename> 
     </files> 
</extension> 

ट्यूटोरियल पीएचपी सही है और इस प्रकार है:

<?php 

// no direct access 
defined('_JEXEC') or die('Restricted access'); 

jimport('joomla.plugin.plugin'); 

class plgButtonTest extends JPlugin { 

    function plgButtonTest(& $subject, $config) 
    { 
     parent::__construct($subject, $config); 
    } 
    function onDisplay($name) 
    { 
     $js = "      
     function buttonTestClick(editor) { 
          txt = prompt('Please enter something','123'); 
          if(!txt) return; 
           jInsertEditorText('{test '+txt+'}', editor); 
     }"; 
     $css = ".button2-left .testButton { 
        background: transparent url(/plugins/editors-xtd/test.png) no-repeat 100% 0px; 
       }"; 
     $doc = & JFactory::getDocument(); 
     $doc->addScriptDeclaration($js); 
     $doc->addStyleDeclaration($css); 
     $button = new JObject(); 
     $button->set('modal', false); 
     $button->set('onclick', 'buttonTestClick(\''.$name.'\');return false;'); 
     $button->set('text', JText::_('Test')); 
     $button->set('name', 'testButton'); 
     $button->set('link', '#'); 
     return $button; 
    } 
} 
?> 

आप सभी आपकी मदद के लिए धन्यवाद। यदि आपके पास कोई अन्य बेहतर तरीका है तो मैं सबसे ज्यादा आभारी हूं।

+1

शुक्र है कि आप यहां कोड डालते हैं क्योंकि ट्यूटोरियल लिंक अभी काम नहीं करता है। –

4

अपने प्लगइन सफलतापूर्वक स्थापित है, तो आप tinymce में Custom plugin और उन्नत मापदंडों की स्थापना में Custom button में अपने प्लग इन का नाम डाल plugins.And सुनिश्चित करें कि आपके प्लग इन इंस्टॉल करना है published.See उदाहरण के लिए नीचे दी गई छवि है।

यह जो enabled.see इस छवि को सेट कर दिया जाता अपने कस्टम प्लगइन है: enter image description here

और फिर tinymce प्लगइन में उन्नत पैरामीटर के लिए जाने के लिए और आखिरी अंत में देखना है कस्टम फ़ील्ड इस छवि option.see :

enter image description here

प्लगइन्स नाम और बटन दर्ज name.And लेख प्रबंधक संपादक में अपने बटन का पता लगाने।

+1

यह केवल तभी होता है जब आप एक टिनिमस बटन जोड़ना चाहते हैं, न कि यदि आप एक बटन जोड़ना चाहते हैं जिसके नीचे एक संपादक-xtd प्लगइन होगा। – Elin

+0

धन्यवाद टोरनाडो। यह टूलबार में एक कस्टम आइकन बटन जोड़ने के लिए आदर्श है, लेकिन मैं 'अधिक पढ़ें' बटन की तरह एक बड़ा उम्मीद कर रहा हूं। एक ग्राफिक का उपयोग करने के लिए धन्यवाद यह बहुत मदद करता है! छवियों के उपयोग के लिए +1। –

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