管理员侧文本区域的语法高亮显示（在节点或块编辑期间）

当我在 Drupal的管理端编辑节点或块时，我试图找到一个突出HTML的模块（最好在style / script标签内突出显示CSS / JavaScript，但这是额外的好处）。

虽然我在drupal.org上搜索了语法突出显示模块，并遇到了诸如GeSHi和Syntax Highlighter之类的选项，但这两个似乎都是面向公众的最终内容，而不是管理方面的。我错了吗，一个人适合我吗？我还看到了一些突出显示PHP代码块的项目，但是对我来说，它不如HTML / CSS / JavaScript重要。

我从来没有为自己的HTML使用WYSIWYG编辑器，但是在编辑内容时一些突出显示将非常有用。

input-formats

— phette23
source

@Molot检查此drupalmotion.com/article/syntax-highlighting-drupal

— Bala

@Bala问题与编辑器中的语法突出显示有关。文本格式（过滤器）用于显示。不能看到文章任何有关您链接

— Mołot

@Mołot将这个drupal.org/project/ace_editor为你的锻炼，但它看起来像完全的代码编辑器

— 巴拉

@Bala如您的回答所述，我无法获得ace的作用-它的栏显示正确，在js控制台或看门狗中没有错误，但是它只是没有突出显示任何内容。在dev和2012版本上进行了测试，结果相同（没有）。如果你能证明如何配置它一步一步，这将是完全确定:)

— Mołot

@Mołot对不起，我只是注意到那条评论。

— 巴拉（Bala）

Answers:

我使用BUEditor模块，您可以为其添加语法高亮显示以及一些其他配置。您可以指定仅允许管理员通过模块的选项页面访问此界面。

分步说明

安装BUEditor模块（我使用1.6）。
从此页面下载bue.highlight.min.css和bue.highlight.min.js 。我将这些文件放在bueditor自定义主题的目录内的目录中。
转到BUEditor配置页面：/admin/config/content/bueditor。编辑BUEditor的相关版本的设置（可能是默认设置，但这取决于您为每个角色分配的内容-如果需要，您可以为每个角色配置不同的BUEditor选项，但随后需要设置语法突出显示每个。）
在“编辑器设置”屏幕上，单击“ 编辑器路径”选项卡，然后添加以下特定于编辑器的库文件（我的示例假定您将JS放入主题目录中。）：

％THEME / bueditor / bue.highlight.min.css
％THEME / bueditor / bue.highlight.min.js
然后，向下滚动到该页面的底部（在Buttons下），并添加tpl:syntax以下代码：

js：BUE.postprocess._turnOnHlight = function（E，$）{setTimeout（function（）{E.highlight（'html'）}）; };

语法示例

然后保存配置，您应该一切顺利。

— 帕特里克·肯尼
source

谢谢，但多数民众赞成在糟糕的亮点。我以前在某些站点上使用过它，但是我不再使用它了。它不支持嵌套照明。例如，如果您使用HTML编写，然后打开一个PHP标记，则不会为您的php代码带来麻烦。你找到更好的了吗？

— ANDiTKO 2012年

抱歉，我知道这并不完美，但这是我所知道的唯一解决方案。

— Patrick Kenny 2012年

你好。无法正常工作。是不是过时了？您能提供以Drupal为中心的说明吗？请参阅赏金描述-无法弄清楚，因此，如果您使用它，请更新/扩展吗？

— Mołot

@Mołot不，它不是过时的。它在我的网站上已使用1.5年，没有任何更改，并且已安装当前版本。但是，配置很麻烦，因此我添加了逐步说明。

— 帕特里克·肯尼

另外，由于某种原因，Markdown格式化程序不断弄乱我的格式，所以它不是很漂亮。抱歉，我无法对其进行更清晰的格式化。

— 帕特里克·肯尼

所见即所得CodeMagic模块具有该选项，请参见演示

CodeMagic是一种先进的源代码编辑器插件TinyMCE的。它集成了用于语法着色的CodeMirror库和用于代码格式化和缩进的JSBeautifier库。

正如我已经提到的Ace Code Editor一样，您可以结合使用wysiwyg编辑器来尝试此补丁。你可以在这里找到补丁

— 巴拉
source

该死的，现在看来我需要设置第二个赏金才是公平的；）特别是如果两个答案都可行的话。需要测试它们。

— Mołot

@Mołot如果语法突出显示效果很好，请随意授予该答案（或以后的任何答案）的赏金。BUEditor语法高亮显示有效，但根据浏览器的不同，它可能会变得有些难看。这是一个可行的解决方案，但我会怀疑这是最好的解决方案。

— 帕特里克·肯尼