限制Drupal上圖像插入的選項TinyMCE

Question

我通過Wysywig模塊將Drupal 7與TinyMCE一起使用。

我已經啓用了插入圖像選項，但是當插入圖像對話框彈出時，用戶顯示了許多圖像選項，這是不受歡迎的。另外，沒有選項可以將CSS類添加到圖像中。有沒有一種方法可以輕鬆地更改此對話框以移除尺寸，對齊方式，邊框等選項並添加課程選項？

Answer 1

要將CSS類應用於圖像：通常，在「外觀」選項卡下有一個選項，可通過可用類的下拉列表將CSS類添加到圖像。如果彈出框中沒有標籤（聽起來像沒有標籤），請轉至「按鈕和插件」 WYSWIWYG配置文件（位於Configuration> Content Authoring下）的設置部分，並勾選「高級圖像」框。

默認情況下，會爲您的主題中的每個課程提供一個瘋狂的長列表。要將其更改爲更有用的內容，請轉至CSS部分並更改「編輯器CSS」下拉列表。這用於高級圖像設置中的圖像類以及其他類的列表。您可能希望將其設置爲「定義CSS」，並創建一個CSS文件，並選擇一些有限的類，然後在CSS路徑中指向該文件。

---

修剪用戶界面得到的選項較爲有限，人性化的範圍：我不知道有什麼方法可以通過配置來做到這一點。有，但是，有兩個蠻力方法：

1. 隱藏他們用CSS（display: none;）這是我使用。這比應該更難一些，因爲HTML標記很可怕 - 所有表格中沒有class或id，但是如果你使用諸如nth child rules之類的東西並且統計有多少個<tr>元素，直到達到那個元素爲止（ s）你想刪除（這假設你的用戶不會管理內容using IE 8 or less, or FF3 - 如果他們可能，寫一些jQuery代替）。
2. 黑客TinyMCE代碼。我沒有試過這個。調查sites/all/libraries/tinymce/jscripts/tiny_mce/themes/advanced中的HTML文件。這樣做並不令人愉快，可能很容易打破互動。

下面是我用來獲得一個很好，簡單，一個標籤界面，除了圖片URL，替代文本，鼠標懸停文本，預覽，尺寸和一個CSS類下拉列表。我將以下CSS代碼添加到sites/all/libraries/tinymce/jscripts/tiny_mce/themes/advanced/skins/default/dialog.css的末尾。它關閉，我不想要的功能，殺死了標籤，並擠壓其全部整齊地彈出窗口的大小：

#appearance_panel.panel { display: block; } 
.tabs { display: none; } 
#appearance_panel tr:nth-child(1), #appearance_panel tr:nth-child(3), #appearance_panel tr:nth-child(4), #appearance_panel tr:nth-child(5), #appearance_panel tr:nth-child(6)#appearance_panel tr:nth-child(4), #appearance_panel tr:nth-child(5), #appearance_panel tr:nth-child(6), #appearance_panel tr:nth-child(8) { display: none; } 
.panel_wrapper #general_panel { height: 270px; } 
.panel_wrapper { padding: 3px 10px 3px;} 
body { margin: 0; }