Perú

Lima,Perú

Implementar themes al editor CodeMirror

Fecha Publicación:       06 de Enero de 2020

Despues de ver como se implementa el editor web CodeMirror (implementar editor CodeMirror) vamos a implementar sus themes o temas:

Aqui esta la Página Oficial  probador de themes https://codemirror.net/demo/theme.html

1) Solo hacemos referencia a los estilos que estan en la carpeta theme es este caso cargo el tema abcdef.css.

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/
codemirror/5.28.0/theme/abcdef.css"/>

2) En el script hacemos referencia al tema que hemos escogido abcdef.css

<script type="text/javascript">
   $(document).ready(function(){
    var code = $(".codemirror-css")[0];
    var editor = CodeMirror.fromTextArea(code, {
    lineNumbers : true,
    tabSize:3,
    styleActiveLine: true,
    theme:"abcdef.css",
    matchBrackets: true,
    mode: "css"
	});
});	
</script>

3) el Html

<textarea class="codemirror-css" id="txt_css" name="txt_css">insertar texto aqui</textarea>

 

Leidas : 281 Veces
Compartir: