Javascript

Полезные Javascript функции и приемы

Полезные Javascript функции и приемы

Решил собрать в одном месте часто используемые функции и приемы Javascript, которые применяются при создании сайтов. Большинство из них в той или иной мере относятся к популярной библиотеке jQuery, но есть и на чистом Javascript.

React JS: Загрузка файла на сервер

Продолжаем заметки про React JS. Сегодня речь о том, как загрузить на сервер файл вместе с кучей другой информации.

В интернете в основном описывается способ загрузки только одного файла. Поэтому себе в заметку как отправить одновременно и файл и данные. Для этого нужно использовать класс FormData, в который добавляется объект файла и данные.

React JS: событие onChange и автокомплит в Safari

В замечательном Javascript фреймворке React, кроме множества плюсов, есть один неожиданный и неприятный минус. Если при заполнении поля ввода используется автокомплит браузера Safari, то событие onChange не срабатывает. Например в коде:

render: function() {
    return (
        <input type="text" value={this.state.value} onChange={this.onInputChange} />
    );
}

метод this.onInputChange не будет вызван, если пользователь при вводе в текстовое поле выберет значение из автокомпликта браузера Safari.

Одно из решений, которое встречается в интернете - это использование refs ссылок. Но у меня он не сработал. В моем случае помогло использование onBlur события.

...
render: function() {
    return (
        <input type="text" value={this.state.value} onChange={this.onInputChange} onBlur={this.onInputChange} />
    );
}

Link plugin for TinyMCE 4

В стандартной конфигурации плагин для вставки линка в редакторе TinyMCE 4 не позволяет назначить CSS класс для создаваемого линка. Чтоб исправить это упущение достаточно лишь немного изменить Javascript код плагина, добавив новое поле и его обработку.