【问题标题】:Drupal 7.10 WYSIWYG with syntax highlightingDrupal 7.10 WYSIWYG 语法高亮
【发布时间】:2012-02-12 10:49:55
【问题描述】:

有没有人有确认/测试工作方式来设置丰富的WYSIWYG(如CKEditor或TinyMCE)并支持语法突出显示 (用于粘贴和共享 java/php/等)在 Drupal 7.10 中?

我现在尝试了多种组合,但我一直在努力让它们中的任何一种在 Drupal 7.10 中工作。 这是我尝试过的:

  1. CKEditor (3.6.2) 使用 CKEditor 模块 (7.x-1.6) 和 Syntax Highlighter 库和 语法荧光笔模块 (7x-1.1)。我关注了 betuts.com/guide-install-syntax-highlighter-ckeditorckeditor-syntax-highlighter-plugin-drupal-7

    问题:我无法将代码按钮放入我的 CKEditor。无论我做什么,我都不会出现 - 也许这与添加按钮的新 drag-and-drop method 已取代旧的基于文本的按钮有关。

  2. CKEditor (3.6.2) 与 CKEditor 模块 (7.x-1.6) GeSHi 过滤器 (7x-1.0) 模块和 GeSHi 库遵循本指南 peterpetrik.com/blog/ckeditor-and-geshi-filter。

    问题:和上面一样,我似乎无法让代码按钮出现在我的 CKEditor 中。

  3. 带有 CKEditor 和 Google Code Prettifier 模块 + 库的 WYSIWYG 模块。

    问题:虽然这个解决方案很简单,并且在没有编辑器的情况下工作得很好,但我根本找不到让 CKEditor(或任何其他 RTE)的好方法停止

     标签内的 HTML 转义代码。
    

感谢您的帮助(这是我的第一篇文章 :-)!

【问题讨论】:

    标签: drupal-7 ckeditor syntax-highlighting drupal-modules


    【解决方案1】:

    经过更多的工作,我得到了以下组合。我还做了更详细的指南here

    1. 将所见即所得模块与 CKEditor 库一起使用。我可以将我的代码插入到 pre 标记中(使用 Formatted 样式),这对于您可以与 WYSIWYG 模块一起使用的大多数其他 RTE 也应该是可能的。
    2. 对于标记本身,我使用 Google Code Prettify 库安装了 Prettify 模块。这将语法突出显示 pre 或 code 标记中的任何代码。但是,如果您还启用了美化过滤器,您将在标签中获得不需要的 html-escapes。这就是让我认为是 CKEditor 进行了上述场景 3 中描述的转义的原因。

    因此,这已被验证可与 Drupal 7.10、所见即所得 7-2.1 和 Prettify 7-1.x-dev 一起使用。

    【讨论】:

    • 我可以问你吗?我需要对我的主题 css 做些什么吗?因为目前代码以正确的字体(信使)显示但没有颜色,所以没有显示任何突出显示......
    【解决方案2】:

    拉斯,

    当我们发布到our own site 时,我们在我们的网站上遇到了类似的问题,不得不修改 CKEditor 插件。

    修改后的插件代码发布在https://github.com/dbrain/ckeditor-syntaxhighlight/tree/ckeditor-4

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2010-10-15
      • 1970-01-01
      • 2012-08-12
      • 2018-05-19
      • 2012-08-16
      • 2010-11-17
      • 2012-11-21
      相关资源
      最近更新 更多