2016-10-11 5 views
0

In meinen früheren Anwendungen habe ich WYSIWYG editor for Bootstrap gem verwendet, wenn es um Textbearbeitung geht.Ruby on Rails - Editor nur für Code

Jetzt baue ich eine Anwendung, wo nur Codes bearbeitet werden (meist js Code).

Problem mit WYSIWYG editor for Bootstrap Edelstein ist, dass es keine Code Markup/Farben oder Linien für Code hat.

Kann ich dies ohne gem/plugin erreichen und/oder was ist die beste Option, wenn ich gem/plugin verwenden muss.

So etwas wie Bild unten

enter image description here

+0

können wir nicht verwenden lassen Sie mich google es für Sie Links hier, aber warum würde es nicht nur Google? 'Rails gem für Code-Makrup' –

+0

Ich habe es getan, aber Ergebnisse, die ich bekam, waren die gleichen Markups, die wir hier auf stackoverflow haben, wie, ** __' 'und nicht ein Editor, den ich suchte – Rubioli

Antwort

0

Es gibt einige Editoren wie ace.c9 oder codemirror die Sie verwenden können, aber für meine Verwendung sie waren zu schwer, da ich nur, es benutzen würde für Vorschau.

Was ich tat, war meine eigene mit HTML & CSS zu bauen.

I verwendet <pre> für Codes und fügte einige meiner eigenen Einstellungen wie <var></var>, <param></param>, <val></val> und fügte meine eigenen css Einfügen:

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> 

Mit excisting Editoren wird es leichter und mehr Optionen, aber Wenn Sie nach einer einfachen Einstellung suchen, können Sie tun, was ich getan habe.