Menu

Examples

Text formatting

This example shows how to make it possible to create a div with text instead of a paragraph when you press enter, when formatting and how to add the Text in the addbar.

Code

<!DOCTYPE html>
<html>
<head>
    <title>Article Editor</title>
    <meta charset="utf-8">

    <!-- css -->
    <link rel="stylesheet" href="/your-article-dist-path/article-editor.min.css" />
</head>
<body>
    <!-- element -->
    <textarea id="entry">
        <h2>...</h2>
        <div class="arx-text">...</div>
    </textarea>

    <!-- js -->
    <script src="/your-article-dist-path/article-editor.min.js"></script>

    <!-- call -->
    <script>
    ArticleEditor('#entry', {
        css: '/your-article-dist-path/',
        editor: {
            markup: 'text'
        },
        addbarAdd: ['text'],
        addbarHide: ['paragraph'],
        format: ['div', 'h1', 'h2', 'h3', 'ul', 'ol']
    });
    </script>
</body>
</html>