Как включить автокапитализацию для contenteditable элементов на мобильном телефоне

Question

У меня есть contenteditable div, где пользователи могут оставлять комментарии:

<div contenteditable="true"></div>

Однако, когда вы набираете это поле на мобильном телефоне, он не капитализирует первую букву после предложения.

На мобильном телефоне она должна начинаться с заглавной буквы после каждого предложения. Итак:

«Это предложение. Теперь слово« сейчас »должно быть написано с большой буквы»

Я знаю, что это может быть только для полей ввода, но есть ли способ добиться / взломать это на contenteditable элемент?

Answer 1

Каким-то образом я понял, что, поскольку я использую Emojionearea, автокапитализация не работает. Так что я виноват в том, что не инициализировал Emojionearea автокапитализацией.

Я прошу прощения за то, что оставил эту деталь позади. Возможно, этот вопрос поможет другим, кто также использует Emojionearea.

Правильный код должен быть:

Html

 <div id='textField' contenteditable="true" ></div>

JS

 $('#textField').emojioneArea({
                placeholder: $(this).data("placeholder"),
                pickerPosition: "bottom",
                attributes: {
                    spellcheck: true,
                    autocapitalize: "on"
                }
});

Answer 2

Если вы ищете ответ HTML / CSS, вам нужен глобальный атрибут Autocapitalise. Если для Autocapitalise выбрано значение «on» или «предложения», первая буква каждого предложения будет заглавной. Вот пример:

<input type="text" autocapitalise="on" />