terrencekhng / AwesomeEditor

Focus on smooth typing and processing experience.

AwesomeEditor

It's a WYSIWYG text editor which focuses on smooth typing and processing experience.

It's in baby version, so feel free to contribute to it to make it grow bigger and stronger, and many thanks to all of you!

How to build

For source code, fork it or use bower:

bower install awesome-editor

Node.js version greater than 0.8.0 is required!

1 Install Node.js

2 Fork the repo and enter the directory, and install dependencies using npm, and install Grunt:

cd AwesomeEditor
npm install
sudo npm install -g grunt-cli

3 Start to get your hand dirty, build it:

grunt

watch while editing:

grunt watch

How to use?

So far, you have to create the necessary HTML elements manually like this if you want to use it in your page:

<div class="awesome-editor" id="awesome-editor">
  <div contenteditable="true" id="editor-content" class="editor-content">
  Put what you want to type here! ...
  </div>
</div>

and include the javascript file and css file:

<!--stylesheet-->
<link rel="stylesheet" type="text/css" href="PATH_TO_awesome_editor.css" />

<!--javascript-->
<script src="PATH_TO_appearance.js"></script>
<script src="PATH_TO_toolbar.js"></script>
<script src="PATH_TO_awesome_editor.js"></script>

Features

• bold, italic, underline
• align{left|center|right|justify} (in the future)
• Modularize
• Markdown
• Import(html, plain text, lex)/Export(PDF, html, txt)
• syntax highlight

Acknowlegment

Well inspired by Pen by @sofish

License

MIT