Netsyms/simplemde-markdown-editor
2
0
Fork 0
mirror of https://github.com/sparksuite/simplemde-markdown-editor.git synced 2025-09-24 16:40:55 -06:00
Code Issues Releases Wiki Activity

Added example to restore default tab behaviour

Browse Source
This commit is contained in:
w.stoettinger 2015-11-06 18:57:12 +01:00
parent 8e192dbb78
commit 6129620534
1 changed files with 26 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
README.md
View File

@ -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.