Web editor based on CodeMirror. Fork of edward.
- Syntax highlighting based on extension of file for over 90 languages.
- Built-in
emmet
(for html files) - Drag n drop (drag file from desktop to editor).
- Built-in
jshint
(with options in.jshintrc
file, could be overriden by~/.jshintrc
) - Built-in beautifier (with options in json/beautify.json, could be overriden by
~/.beautify.json
) - Configurable options (json/edit.json could be overriden by
~/.dword.json
)
npm i dword -g
Usage: dword [filename]
Parameter | Operation |
---|---|
-h, --help |
display help and exit |
-v, --version |
output version information and exit |
Key | Operation |
---|---|
Ctrl + s |
save |
Ctrl + f |
find |
Ctrl + h |
replace |
Ctrl + g |
go to line |
Ctrl + b |
beautify js, css or html |
Ctrl + m |
minify js, css or html |
dword could be used as middleware for express. For this purpuse API could be used.
Middleware of dword
. Options could be omitted.
var express = require('express'),
app = express();
app.use(dword({
minify : true, /* default */
online : true, /* default */
diff : true, /* default */
zip : true /* default */
}));
app.listen(31337);
Could be used with socket.io to handle editor events with.
var io = require('socket.io'),
socket = io.listen(server);
dword.listen(socket);
Dword uses codemirror on client side, so API is similar.
All you need is put minimal html
, css
, and js
into your page.
Minimal html:
<div class="edit" data-name="js-edit"></div>
<script src="/dword/dword.js"></script>
Minimal css:
html, body, .edit {
height: 100%;
margin: 0;
}
Minimal js:
dword('[data-name="js-edit"]', function(el) {
console.log('dword is ready');
});
For more information you could always look around into assets
and bin
directory.
MIT