X-Git-Url: https://jasonwoof.com/gitweb/?p=peach-html5-editor.git;a=blobdiff_plain;f=README.md;h=26edc34655851187c4de7d691f3598032fd9f265;hp=d2acc77d3e83be6fd445d9ecff0760a31682c9b2;hb=90fd4346459ebd1d895047622880a5d78ae419d2;hpb=9ecc7f55f96de835055fa7c82f66d08b7b884a36 diff --git a/README.md b/README.md index d2acc77..26edc34 100644 --- a/README.md +++ b/README.md @@ -1,52 +1,99 @@ -wheic -===== +Peach HTML5 Editor +================== -This project is to build a HTML5 parser, then use that to build a WYSIWYG html -editor for the browser. - -The code is written in coffeescript for modern browsers. +This is a WYSIWYG HTML5 editor for the browser. Status ------ -Under development +Early development stages. +The HTML5 parser component passes the full test suite (1581 tests). -Getting Started ---------------- +The interface is starting to exist. -Recommended: see "Compiling" below -(experimental) Alternate: see "Without Compiling" +Technologies +------------ +Programming language: CoffeeScript (compiles to javascript) -Compiling ---------- +Interface: Implemented using the DOM api. No ``contenteditable`` or jquery. -You'll need coffeescript, you can hopefully get that with a command such as -this: - apt-get install coffeescript -or +Quick Start Guide +----------------- - npm install -g coffee-script +1. Open ``parser_tests_coffee.html`` in your browser. -Then run ``make`` +2. Open the console (right-click, inspect this element, console) -Then run the test suite by opening ``index.html`` in a modern browser. +3. After a few seconds, you should see "Tests passed: 1581, Failed: 0" in the + console. +4. Try running the parser in the console, example: -Without Compiling ------------------ + window.peach_parser.parse("

foo

", {fragment: "body"}) + +5. Open ``editor_tests_coffee.html`` in your browser + +For further reading, see "Running Under node.js" below. + + +Running Under node.js +--------------------- + +With node.js and Coffeescript, you can compile the coffeescript so you can use +the faster test pages, and you can test the html parser without a browser. + +Dependencies: node.js, CoffeeScript + +1. Install node.js https://nodejs.org/en/ + +2. Install CoffeeScript. Try: + + apt-get install coffeescript + or + + npm install -g coffee-script + +4. Compile to javascript: + + make + +Now you can do any of these things in any order: + +* Run the tests directly from CoffeeScript: + + coffee parser_tests.coffee + +* Test the compiled (javascript) parser in your favorite browser by opening + up ``parser_tests.html`` and looking at the console. + +* Run tests via compiled code: + + nodejs parser_tests.js + +* Try using the parser in your own javascript node.js project: + + var html5 = require('./parser.js'); + var dom = html5.parse("

hi

", {fragment: 'body'}); + ... + +* Try using the parser in your own CoffeeScript node.js project: -It is recommended to install coffeescript (see Compiling above), but you might -be able to got it to compile directly in the browser, see here: + html5 = require './parser.js' + dom = html5.parse "

hi

", fragment: 'body' + ... - http://coffeescript.org/#scripts + Note: the CoffeeScript compile time is significant, so you'll want to use + the compiled javascript even though you could use the ``.coffee`` version. -Please nudge Jason (see below) to make this easier. +* Hack editor.coffee more quickly, by testing in editor_tests.html which uses + the compiled version of the parser, thus speeding up load time + considerably. Feedback, Questions, Etc