Ruby on Rails - 僅用於編碼的編輯器

Question

在我以前的應用程序中，我使用WYSIWYG editor for Bootstrap gem來進行文本編輯。

現在我正在構建一個只編輯代碼的應用程序（主要是js代碼）。

問題與WYSIWYG editor for Bootstrap寶石是它沒有任何代碼標記/顏色或代碼行。

我可以在沒有任何gem/plugin和/或如果我需要使用gem/plugin時選擇什麼最佳選擇。

喜歡的東西像下面

Answer 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> 

使用excisting編輯會更容易，有更多的選擇，但如果你正在尋找使用簡單的設置，你可以做我做的。