Ruby 在 Rails - 仅用于代码的编辑器

Question

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

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

WYSIWYG editor for Bootstrap gem 的问题是它没有任何代码 markup/colors 或代码行。

我可以不使用任何 gem/plugin and/or 如果我需要使用 gem/plugin.

最好的选择是什么

类似于下图

Answer 1

您可以使用一些编辑器，例如 ace.c9 or 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>

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

Ruby 在 Rails - 仅用于代码的编辑器

Ruby on Rails - Editor only for code

ruby-on-rails

editor

code-editor