Ruby on Rails - 仅针对代码编辑

Question

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

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

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

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

下面的图像

Answer 1

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

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

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

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>

使用排除编辑器会让它变得更容易并且有更多选项，但如果您正在寻找使用简单设置，那么您可以做我所做的事。