Ruby on Rails - 仅用于代码的编辑器答案

【问题标题】：Ruby on Rails - Editor only for codeRuby on Rails - 仅用于代码的编辑器
【发布时间】：2016-10-11 09:50:41
【问题描述】：

在我之前的应用程序中，我使用WYSIWYG editor for Bootstrap gem 来编辑文本。

现在我正在构建一个只编辑代码的应用程序（主要是js 代码）。

WYSIWYG editor for Bootstrap gem 的问题在于它没有任何代码标记/颜色或代码行。

我可以在没有任何gem/plugin 的情况下实现这一目标吗？和/或如果我需要使用gem/plugin，最好的选择是什么。

如下图所示

【问题讨论】：

我们不能使用 let me google it for you links here，但为什么不直接 google 呢？ rails gem for code makrup
我已经完成了，但我得到的结果与我们在 stackoverflow 上的标记相同，例如，** __ `` 而不是我正在寻找的编辑器

标签： ruby-on-rails editor code-editor

【解决方案1】：

有一些编辑器，例如ace.c9 或codemirror，您可以使用，但是对于我来说它们太重了，因为我只是将其用于预览。

我所做的是使用HTML & CSS 构建自己的。

我使用<pre> 插入代码并添加了一些我自己的设置，例如<var></var>、<param></param>、<val></val>，并添加了我自己的css：

pre var{color:green;}
pre param{color:blue;}
pre val{color:yellow;}


<pre>
var <var>width</var>: <val>300</val>;
<param>params</param>{
  Some code
}
</pre>

使用现有的编辑器会更容易并且有更多的选择，但如果你正在寻找使用简单的设置，你可以做我所做的。

【讨论】：