Vývojové prostředí

<div id="ckeditor"></div>
<link rel="stylesheet" href="vendor/ckeditor/skins/moono/editor.css">
<link rel="stylesheet" href="vendor/ckeditor/skins/moono/dialog.css">
<script src="vendor/ckeditor/ckeditor.js"></script>
<style>
    .cke {
        margin-bottom: 1em;
    }
    .cke_contents {
        padding: 1em;
    }
</style>
<script>
    window.onload = function() {
        CKEDITOR.replace('ckeditor', {
            entities_latin: false,
            height: 300,
            //language: 'cs',
            format_tags: 'p;h1;h2;h3;pre;address;div',
            removeButtons: 'Underline,Strike',
            removePlugins: 'scayt,wsc',
            extraAllowedContent: 'dl dt dd span',
            extraPlugins: 'justify',
            justifyClasses: [
                'text-left',
                'text-center',
                'text-right',
                'text-justify'
            ],
            contentsCss: [
                'vendor/bootstrap/css/bootstrap.min.css',
                //'font/akronim-regular/stylesheet.css',
                //'font/poiretone-regular/stylesheet.css',
                //'font/font-awesome/css/font-awesome.min.css',
                //'css/global.css'
            ],
            stylesSet: [{
                name: 'Psací stroj',
                element: 'tt'
            },
                {
                    name: 'Počítačový kód',
                    element: 'code'
                },
                {
                    name: 'Klávesová zkratka',
                    element: 'kbd'
                },
                {
                    name: 'Jednoduchý text',
                    element: 'samp'
                },
                {
                    name: 'Proměnná',
                    element: 'var'
                },
                {
                    name: 'Odstraněný text',
                    element: 'del'
                },
                {
                    name: 'Vložený text',
                    element: 'ins'
                },
                {
                    name: 'Citace (Cited work)',
                    element: 'cite'
                },
                {
                    name: 'Řádková citace',
                    element: 'q'
                }
            ],
            //extraPlugins: 'textselection',
            //forcePasteAsPlainText: true,
            //uiColor: '#F7B42C',
            //toolbarCanCollapse: true,
        });
        CKEDITOR.on('instanceReady', function(ev) {
            var blockTags = ['div', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'p', 'pre', 'blockquote', 'table', 'thead', 'tbody', 'tfoot', 'td', 'th'];
            var rules = {
                indent: true,
                breakBeforeOpen: true,
                breakAfterOpen: false,
                breakBeforeClose: false,
                breakAfterClose: false
            };
            for (var i = 0; i < blockTags.length; i++) {
                ev.editor.dataProcessor.writer.setRules(blockTags[i], rules);
            }
        });
        CKEDITOR.on('instanceReady', function(ev) {
            var blockTags = ['li'];
            var rules = {
                indent: true,
                breakBeforeOpen: true,
                breakAfterOpen: false,
                breakBeforeClose: false,
                breakAfterClose: true
            };
            for (var i = 0; i < blockTags.length; i++) {
                ev.editor.dataProcessor.writer.setRules(blockTags[i], rules);
            }
        });
    };
</script>