Editor de texto minimalista con JavaScript-compostura

Tiempo de ejecución: 30 minutos. Empezar

Autor: johnchinjew
Views Total: 930
Sitio oficial: Ir a la web
Actualizado: October 10, 2018
Licencia: MIT

Vista prévia

Editor de texto minimalista con JavaScript-compostura

Descripción

compostura es un editor de texto minimalista que utiliza JavaScript puro y CSS centrado en la escritura y el rendimiento.

Características

  • Guarda automáticamente la escritura en el navegador.
  • Modos día y noche.
  • Contador de palabras.

Funcionamiento

Incluya los archivos JavaScript y CSS necesarios en la Página Web.

<link rel="stylesheet" href="css/app.css">
<script src="js/app.js"></script>

Cree el código HTML para el editor de texto.

<div id="app" hidden>

<div id="editor" data-placeholder="..." contenteditable></div>

<div id="caret"></div>

<button id="mode-btn" class="ui">NIGHT MODE</button>

<span id="stats-label" class="ui">


<span id="autosave-label">SAVED</span> · <span id="wordcount-label">0 WORDS</span>

 </span>
</div>

Agregue el modo CSS a la etiqueta body. Hecho.

<body class="day">

Registro de cambios

10/10/2018

  • Reduzca la altura de la línea
  • Haga que el texto del botón tema corresponda al tema

Te puede interesar: