CoreUI › Textile Text Editor

Textile text editor plugin.

Start

Include textile.min.js just after the h-t-m-l.min.js script:

<!DOCTYPE html>
<html dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>Test Editor</title>
    <link href="text-editor/ui.i.min.css" rel="stylesheet">
    <link href="text-editor/ui.min.css" rel="stylesheet">
  </head>
  <body>
    <p><textarea id="editor"></textarea></p>
    <script src="text-editor.min.js"></script>
    <script src="text-editor/ui.min.js"></script>
    <script src="text-editor/ui/h-t-m-l.min.js"></script>
    <script src="text-editor/ui/textile.min.js"></script>
    <script>
    var editor = TE.ui.Textile(document.querySelector('#editor'));
    </script>
  </body>
</html>

Configure

Instance

TE.ui.Textile(node, config);
var editor = TE.ui.Textile(document.querySelector('#editor'), { … });

Configuration

The available configuration data are:

Keyboard Shortcuts

Depends → Special Cases

Try pressing the key in these position, where | represent the text editor caret.

# foo|
* foo|

Try pressing the key in these position, where | represent the text editor caret.

# |
* |
# foo
# bar
# baz
* foo
* bar
* baz