tinymce - 限制 Drupal TinyMCE 上图像插入的选项

Question

关闭。这个问题是off-topic .它目前不接受答案。












想改进这个问题？ Update the question所以它是on-topic对于堆栈溢出。

9年前关闭。




Improve this question




我通过 Wysywig 模块将 Drupal 7 与 TinyMCE 一起使用。

我已经启用了插入图像选项，但是当弹出插入图像对话框时，会向用户显示许多不希望出现的图像选项。此外，没有向图像添加 CSS 类的选项。有没有一种方法可以轻松更改此对话框以删除尺寸、对齐、边框等选项并添加类选项？

Answer 1

要将 CSS 类应用于图像:通常，“外观”选项卡下有一个选项，可以通过可用类的下拉列表向图像添加 CSS 类。如果弹出框中没有选项卡(听起来好像没有)，请转到 WYSWIWYG 配置文件设置的“按钮和插件”部分(在配置 > 内容创作下)并勾选 《高级形象》盒子。

默认情况下，这会为您的主题中的每个类提供一个疯狂的长列表。要将其更改为更有用的内容，请转至 CSS 部分并更改“编辑器 CSS”下拉菜单。这用于高级图像设置中的图像类以及其他类列表。您可能希望将其设置为“ 定义 CSS ”并创建一个包含有限类选择的 CSS 文件，然后在 CSS 路径中指向它。

修剪用户界面获得更有限，用户友好的选项范围:我不知道通过配置来做到这一点。但是，有两种蛮力方法:

用 CSS 隐藏它们 ( display: none; ) 这就是我使用的。这比应该做的要难一些，因为 HTML 标记很可怕——所有有用的地方都没有类或 id 的表——但如果你使用像 nth child rules 这样的东西，它会相当简单。数一下有多少<tr>直到您到达要删除的元素(假设您的用户不会管理内容 using IE 8 or less, or FF3 - 如果可能，请改写一些 jQuery)。

破解 TinyMCE 代码。 我没试过这个。调查 sites/all/libraries/tinymce/jscripts/tiny_mce/themes/advanced 中的 HTML 文件.摆弄这个看起来并不愉快，它可能很容易破坏交互性。

这是我用来获得一个漂亮、简单、一个选项卡界面的方法，它只有图像 URL、替代文本、鼠标悬停文本、预览、尺寸和 CSS 类下拉列表。我在 sites/all/libraries/tinymce/jscripts/tiny_mce/themes/advanced/skins/default/dialog.css 末尾添加了以下 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; }