A web technology based document editor for offline use with structured document support
Even when using Stylesheets in office applications one cannot define the whole template and make the content independent from it. This is a lightweight, modular and plattform-independent approach using Angular.js (v1) and the powerful document editing functions (execCommand) of modern browsers that can be used to implement WYSIWYG-editors in a view lines .
One main intention is to make the editing features unobtrusive and let a document look like a readonly-webpage.
It is is modular in that way that it includes various javascript functions as well as angular directives and filters that can be used in other projects with small modifications. It is written in jQuery style without requiring jQuery.
- JSON.stringify variant, that serializes functions
- partial JQuery replacement (using angular and document.querySelectorAll)
- toggle readonly using bookmarklet
javascript:setReadonly(false) - make contenteditable working with Angular.js
- variable level heading tag
<hx></hx> - base64 Image pasting (for Chrome)
- automatic table of contents
- doubleclick code selecting
- blob data download
- dom observing
- Code highlighting using hljs
- Keybindings for ESC and Ctrl+S
- Although using modern browser features, partly working for IE
- Data and Template in one file Saving the document, a new HTML document is created containing the structured content in JSON.
- Very simple WYSIWYG example
- Complex example Code generation using HTML forms, beautiful formatting and Buttons