使用 Drupal 的 WYSIWYG 模块自定义 TinyMCE答案

【问题标题】：Customize TinyMCE using Drupal's WYSIWYG module使用 Drupal 的 WYSIWYG 模块自定义 TinyMCE
【发布时间】：2010-10-29 11:06:33
【问题描述】：

我希望在 TinyMCE 工具栏上创建一个自定义按钮，该按钮将当前选定的内容包装在一个带有类的 div 中。我正在使用带有 wysiwyg-dev 和 TinyMCE 3.3.9.2 的 drupal 6.19。

示例文本：

<h3>Heading</h3>
<p>Sample text</p>
<ul>
   <li>item 1</li>
   <li>item 2</li>
</ul>
<p>more text</p>

已突出显示并按下“按钮”的示例文本：

<div class="note">
   <h3>Heading</h3>
   <p>Sample text</p>
   <ul>
      <li>item 1</li>
      <li>item 2</li>
   </ul>
   <p>more text</p>
</div>

我已经阅读了互联网上的一些论坛，并找到了接近解决此问题的人。有些人使用自定义 TinyMCE 插件，就像这个人 http://forum.cmsmadesimple.org/index.php?topic=44093.0

有人说新的 TinyMCE 3.3 版现在可以通过初始化 TinyMCE 时的“格式”变量来执行此操作 - http://tinymce.moxiecode.com/punbb/viewtopic.php?pid=73468

我的问题是 - 使用 drupal 完成此任务的最佳方法是什么？我还没有得到上述任何工作

更新

现在已经解决了这个问题，Jeremy 就在下面，我知道他的答案在技术上是正确的答案，我主要是问有没有其他人做过类似的工作并且已经创建了一个模块等。

无论如何，万一其他人遇到这个问题，这里是文件：

如果您觉得这些文件有用，请告诉我 ;)

谢谢肖恩

【问题讨论】：

【解决方案1】：

我在这里假设您的按钮正在工作，并且正在尝试通过 Drupal 使其工作。

如果没有，那是您的第一步。将问题拆分为实现问题和集成问题。

一旦您在独立的情况下工作，您就可以创建一个模块来使用 Drupal 实现它。

您将需要创建一个实现 hook_wysiwyg_plugin() 的模块，以在所见即所得设置页面中将按钮创建为选项。

看看IMCE wysiwyg bridge module，它通过Drupal在tinymce上实现了一个按钮。

【讨论】：

【解决方案2】：

不确定以前的版本，但使用 D7（和最新的）所见即所得 + tinymce（imce 所见即所得桥也可能是必要的......这很容易......

一旦 tinymce wysiwyg 正在工作，所有...

就是这样。无需自定义模块。

【讨论】：