Giter Club home page Giter Club logo

text-editor's Introduction

Editor preview

Simple text editor

Simple editor with basic text styling and save and load functionality. Created using the WTF Webpack Started Kit by Maciej Korsan.

How to use it?

Text input

  • Input any text into the text field.
  • Text field is not resizable, but scrolling is enabled when the content exceeds available space.

Text style

  • Use buttons on the right hand side to format the text.
  • Effects can only be applied to the whole text/text field, it's not possible to only apply them to a selected fragment.
  • Bold, cursive and color effects can be applied together.
  • Only one color can be applied at the same time.
  • To clear all styling, press the "Default" button.

Save and Load functionality

  • When happy with the text, press "Save" to store the text and its formatting in the browser history.
  • Use "Load" to recover the saved content.
  • Content will be available until browser history is cleared (localStorage functionality is used).
  • "Load only text"
    • When this option is selected, the editor will load only the text from the most recent save.
    • Any style options active in the editor when this is done will be preserved and will affect the loaded text.
  • "Auto-load"
    • When this option is selected, the editor will always load the latest saved content.
    • Can be used together with "Load only text".
    • This option does not automatically save the content of the editor. The editor will load only the content which has most recently been saved by the user.

text-editor's People

Contributors

filip-rybczynski avatar

Stargazers

 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.