Thêm nút tùy chỉnh vào trình soạn thảo bài viết của Joomla (TinyMCE)

Question

Tôi đang cố chèn một nút bổ sung trong trình soạn thảo bài viết của Joomla. Nó đang sử dụng plugin TinyMCE mặc định ở chế độ Mở rộng. Như bạn đã biết có 4 nút bên dưới trình soạn thảo (Điều, Hình ảnh, Ngắt trang và Đọc thêm). Những gì tôi muốn làm là chèn một nút thứ 5. (Tôi đã đính kèm một nút hình ảnh SO cho biết tôi không thể đăng khi cần tối thiểu 10 điểm đại diện.)

Tôi đã thử sao chép plugin Nút ngắt trang và đổi tên nó vv, sau đó cài đặt lại làm mới plugin, nhưng tất cả những gì nó gây ra lỗi với TinyMCE và không có nút nào xuất hiện.

Câu hỏi: Làm cách nào để chèn nút?

Answer 1

Tôi đã tiếp tục tìm kiếm mở rộng của mình và đã tìm thấy hướng dẫn về cách thêm nút bổ sung vào Trình chỉnh sửa bài viết cho Joomla 1.5.

Hướng dẫn có sẵn tại: http://tushev.org/articles/programming/18-how-to-create-an-editor-button-editors-xtd-plugin-for-joomla.

Thẳng ra khỏi hộp này sẽ không hoạt động với Joomla 2.5 và Joomla 3.0 khi các tiêu chuẩn XML manifest đã thay đổi từng chút một. Giữ phù hợp với hướng dẫn sử dụng biểu thức XML này để thay thế.

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

Các PHP hướng dẫn là chính xác và thực hiện như sau:

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

Cảm ơn tất cả các bạn đã giúp đỡ của bạn. Nếu bạn có bất kỳ phương pháp nào tốt hơn tôi sẽ biết ơn nhất.

Answer 2

Nếu plugin của bạn được cài đặt thành công, bạn phải đặt tên plugin của mình vào Custom plugin và Custom button trong cài đặt thông số nâng cao trong các plugin tinymce.Và đảm bảo các plugin được cài đặt của bạn được xuất bản.

Đây là Plugin tùy chỉnh của tôi mà được thiết lập enabled.see hình ảnh này:

Và sau đó trong các plugin tinymce đi đến thông số tiên tiến và xem ở cuối cuối cùng có các lĩnh vực tùy chỉnh option.see hình ảnh này :

Nhập tên plugin và nút name.And xác định vị trí nút bấm của bạn trong trình soạn thảo quản lý bài viết.