FOAP-NetMind-2022 / beetlepush

Learn JavaScript array methods
https://beetlepush.vercel.app/
Mozilla Public License 2.0
4 stars 0 forks source link

Limitaciones Editor #16

Closed omiras closed 2 years ago

omiras commented 2 years ago
omiras commented 2 years ago

@fataranto le ha gustado este: https://microsoft.github.io/monaco-editor/index.html

omiras commented 2 years ago

@fataranto @SaraaLee ¿Podría ser una buena idea hacer que todo el contenedor del editor sea en realidad el input total del usuario? Es decir:

Image

Es algo parecido a lo que sucede en Freecodecamp, que ellos te dejan escribir donde quieras, pero te dice claramente DONDE no deberías modificar el código, pues la puedes liar

Image

omiras commented 2 years ago

Parece que CodeFlask nos da mejores resultados: https://github.com/kazzkiq/CodeFlask

  1. Simplemente hacer que el editor de CodeFlask se vea en donde iria JavaScript editor. Posiblemente te vas a tener que cargar un montón de HTML
  2. Eliminar todos los estilos CSS que estan afectando al editor, hasta que se pueda escribir correctamente.
  3. Ver cómo obtener el código de dicho editor o como poder "rellenarlo". Seguramente CodeFlask ofrece métodos para obtener y setear la información
  4. Cada vez que se carga un nivel, tenemos que precargar un texto que diga algo así como "Write your code below". Esto en un futuro será substituido por lo que había puesto el usuario anteriormente, cuando tengamos completada la #18
omiras commented 2 years ago

@thebadjavi Escribe los tests. Te puedes basar en los qu ha escrito victoria:

Resolver un nivel con el editor nuevo