2016-10-11 54 views
0

在我以前的应用程序中,我使用WYSIWYG editor for Bootstrap gem来进行文本编辑。Ruby on Rails - 仅用于编码的编辑器

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

问题与WYSIWYG editor for Bootstrap宝石是它没有任何代码标记/颜色或代码行。

我可以在没有任何gem/plugin和/或如果我需要使用gem/plugin时选择什么最佳选择。

喜欢的东西像下面

enter image description here

+0

我们不能使用让我为你的谷歌链接在这里,但为什么不会只是谷歌呢? 'rails gem for code makrup' –

+0

我已经完成了它,但是我得到的结果与我在这里的stackoverflow中的标记一样,** __''而不是我正在寻找的编辑器 – Rubioli

回答

0

有作为ace.c9codemirror,你可以使用一些编辑器,但为我用他们太沉重,因为我只打算使用它预习。

我所做的是通过使用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> 

使用excisting编辑会更容易,有更多的选择,但如果你正在寻找使用简单的设置,你可以做我做的。