2012-12-06 21 views
9

Próbuję wstawić dodatkowy przycisk w edytorze artykułu Joomla. Używa domyślnej wtyczki TinyMCE w trybie rozszerzonym. Jak już wiesz, pod edytorem znajdują się 4 przyciski (Artykuł, Obraz, Podział strony i Czytaj więcej). Chciałbym wstawić piąty przycisk. (Podłączyłem przycisk obrazu, SO powiedział, że nie mogę opublikować, jeśli potrzeba, co najmniej 10 punktów rep).Dodaj przycisk niestandardowy do edytora artykułów Joomla (TinyMCE)

Próbowałem skopiować wtyczkę Page Break Button i zmienić jej nazwę, a następnie ponownie zainstalować ją jako nową. wtyczki, ale wszystko to powoduje błędy w TinyMCE i nie pojawia się żaden przycisk.

Pytanie: Jak włożyć przycisk?

+0

Czy możesz napisać swój kod? Biorę to wtyczki instaluje i jest we właściwym miejscu i włączone. – Elin

+0

Cześć Elin, rozważałem umieszczenie kodu, ale to nie pomoże, ponieważ jest to kod już dostępny dla przycisku "podział strony", który pochodzi z domyślną instalacją Joomla. Wtyczka jest włączona i znajduje się w tej samej lokalizacji co inne wtyczki redaktor-xtd. –

+0

Jeśli jest to po prostu kopia, najprawdopodobniej nie udało się zmienić jednego z miejsc, w których nazwa musi pasować do czegoś w xml. – Elin

Odpowiedz

7

Kontynuowałem moje obszerne wyszukiwanie i znalazłem przewodnik dotyczący dodawania dodatkowego przycisku do edytora artykułów dla Joomla 1.5.

Samouczek jest dostępny pod adresem: http://tushev.org/articles/programming/18-how-to-create-an-editor-button-editors-xtd-plugin-for-joomla.

Prosto po wyjęciu z pudełka nie będzie działać z Joomla 2.5 i Joomla 3.0, ponieważ standardy manifestu XML zmieniły się jeszcze bardziej. Postępując zgodnie z samouczkiem, używaj tego manifestu XML.

<?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> 

Tutorial PHP jest prawidłowa i jest następujący:

<?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; 
    } 
} 
?> 

Dziękuję wszystkim za pomoc. Jeśli masz jakieś inne lepsze metody, byłbym bardzo wdzięczny.

+1

Na szczęście wpisałeś tutaj kod, ponieważ tutorial link nie działa teraz. –

4

Jeśli Wtyczka zainstalowana pomyślnie, wówczas trzeba umieścić swoje nazwisko wtyczki do Custom plugin i Custom button w ustawieniach zaawansowanych parametrów w tinymce plugins.And upewnić się, że zainstalowane wtyczki jest published.See obraz poniżej dla przykładu.

To jest mój zwyczaj plugin, który jest ustawiony enabled.see ten obraz: enter image description here

a następnie we wtyczce tinymce przejść do zaawansowanych parametrów i zobaczyć na ostatniej końcu znajduje pola niestandardowe option.see tego obrazu :

enter image description here

Wprowadź nazwę wtyczki i przycisk name.And zlokalizować przycisk w edytorze menedżera artykuł.

+1

To tylko jeśli chcesz dodać przycisk tinymce nie, jeśli chcesz dodać pod spodem przycisk, który byłby wtyczką editor-xtd. – Elin

+0

Dzięki Tornado. Jest to idealne rozwiązanie do dodawania niestandardowego przycisku ikony do pasków narzędzi, ale mam nadzieję na większy taki, jak przycisk "Czytaj więcej". Dziękuję za użycie grafiki, która bardzo pomaga! +1 do wykorzystania zdjęć. –