Added example to restore default tab behaviour

pull/164/head
w.stoettinger 9 years ago
parent 8e192dbb78
commit 6129620534

@ -71,6 +71,8 @@ simplemde.value("This text will appear in the editor");
## Working with forms ## Working with forms
### Setting the form value correctly before Submit
By listening to the `blur` function of codemirror you can ensure, that the value of the underlying textarea in your form always corresponds to the value of your SimpleMDE and vice versa. By listening to the `blur` function of codemirror you can ensure, that the value of the underlying textarea in your form always corresponds to the value of your SimpleMDE and vice versa.
```JavaScript ```JavaScript
@ -82,6 +84,30 @@ simplemde.codemirror.on("blur", function() {
}); });
``` ```
### Restoring default tab behaviour in forms
Here is a way how you can restore the default tab behaviour within forms. Please note, that this prevents the possibility to input tabs into the text.
```JavaScript
var textarea = $("#MyID");
var simplemde = new SimpleMDE({element: textarea[0]});
var formKeyMap = {
"Ctrl-Enter": function () {
$(textarea).text(simplemde.value());
$('#submit').trigger('click'); // or $('#form').submit() depending on the server-side implementation
},
"Tab": function () {
var inputs = $(textarea).closest('form').find(':input');
inputs.eq( inputs.index(textarea)+ 2 ).focus(); // +1 would focus codemirrors own textarea element again, which is not what we want.
},
"Shift-Tab": function () {
var inputs = $(textarea).closest('form').find(':input');
inputs.eq( inputs.index(textarea)- 1 ).focus();
}
};
simplemde.codemirror.addKeyMap(formKeyMap);
```
## Configuration ## Configuration
- **autoDownloadFontAwesome**: If set to `true`, force downloads Font Awesome (used for icons). If set to false, prevents downloading. Defaults to `undefined`, which will intelligently check whether Font Awesome has already been included, then download accordingly. - **autoDownloadFontAwesome**: If set to `true`, force downloads Font Awesome (used for icons). If set to false, prevents downloading. Defaults to `undefined`, which will intelligently check whether Font Awesome has already been included, then download accordingly.

Loading…
Cancel
Save