GithubHelp home page GithubHelp logo

typograf's Introduction

Плагин Типографика для TinyMCE 4

Так же доступна версия плагина для TinyMCE 5

Помогает автоматически расставить неразрывные пробелы, исправить мелкие опечатки, привести кавычки к правильному виду, заменить дефисы на тире в нужных местах и многое другое.

Больше информации: Типограф на JavaScript

Установка

  1. Скачать или склонировать проект
  2. Положить каталог typograf из проекта, в каталог с плагинами (plugins) редактора TinyMce
  3. Подключить в редакторе плагин typograf

Пример подключения:

tinymce.init({
  selector: 'textarea',
  plugins: 'typograf',
  toolbar: 'typograf',
  contextmenu: 'typograf',  
});

Пример настройки плагина:

tinymce.init({
    //...
    typograf: {
        locale: ['ru', 'en-US'],
        // HTML-сущности
        htmlEntity: {
            type: 'name',
            onlyInvisible: true
        },
        // Включение правил
        enableRule: [
            //'ru/money/ruble',
            //'ru/money/*',
            //'ru/symbols/NN',
            //'ru/optalign/*'
        ],
        // Отключение правил
        disableRule: [
            //'ru/money/ruble',
            //'ru/money/*',
            //'ru/symbols/NN'
        ],
        // Изменение настроек у правил
        // Название правила, название настройки, значение
        setSetting: [
            // Неразрывный пробел перед последним словом в предложении, не более 5 символов
            ['common/nbsp/beforeShortLastWord', 'lengthLastWord', 5],
            // Вложенные кавычки тоже «ёлочки» для русской типографики
            ['common/punctuation/quote', 'ru', {left: '«', right: '»', removeDuplicateQuotes: true}],
            // Неразрывный пробел после короткого слова, не более 3 символов
            ['common/nbsp/afterShortWord', 'lengthShortWord', 5]
        ],
        // Добавить простое правило
        // Типографический смайлик
        addRule: [
            {
                name: 'common/other/typographicSmiley',
                handler: function (text) {
                    return text.replace(/:-\)/g, ':—)');
                }
            },
        ],
        // Отключение типографирования в участках текста
        addSafeTag: [
            // Отключить типографирование внутри тега <no-typography>
            ['<no-typography>', '</no-typography>'],
            // Отключить типографирование внутри управляющих конструкций какого-нибудь шаблонизатора
            ['\\{\\{', '\\}\\}'], // {{...}}
            ['\\[\\[', '\\]\\]'], // [[...]]
            // Отключить типографирование внутри PHP-кода
            ['<\\?php', '\\?>']
        ]
    },
    //...
});

Лицензия

Лицензия MIT (MIT). Посмотрите пожалуйста Файл лицензии что бы получить больше информации.

typograf's People

Contributors

dominus77 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.