Create plugin

This example shows how to create a simple plugin. Click on the content to see the plugin button on the toolbar. See more about how to create plugins.



    <!DOCTYPE html>
        <title>Article Editor</title>
        <meta charset="utf-8">
        <!-- css -->
        <link rel="stylesheet" href="/your-article-dist-path/article-editor.min.css" />
        <!-- element -->
        <textarea id="entry">
        <!-- js -->
        <script src="/your-article-dist-path/article-editor.min.js"></script>
        <!-- plugin code with fontawesome icon -->
        ArticleEditor.add('plugin', 'myplugin', {
            start: function() {
      'mybutton', {
                    title: 'My Button',
                    icon: '<i class="far fa-compass"></i>',
                    command: 'myplugin.toggle'
            toggle: function(params, button) {
                alert('Button Toggle');
        <!-- call -->
        ArticleEditor('#entry', {
            plugins: ['myplugin'],
            css: '/your-article-dist-path/'