Warning: mkdir(): No space left on device in /var/www/tg-me/post.php on line 37

Warning: file_put_contents(aCache/aDaily/post/vuefaq/--): Failed to open stream: No such file or directory in /var/www/tg-me/post.php on line 50
Vue-FAQ | Telegram Webview: vuefaq/1369 -
Telegram Group & Telegram Channel
Telegram Group » Viet Nam » Vue-FAQ » Telegram Webview » Post 1369
Vue-FAQ
Если нужно добавить на страницу поле для редактирования текста, можно использовать атрибут contenteditable, как более приятную замену textarea (для полей больших форм это не очень хорошая замена).

Чтобы ограничить ввод только текстом, можно использовать значение plaintext-only у атрибута contenteditable. Это предотвратит вставку HTML-разметки, картинок или стилей.

<div 
  contenteditable="plaintext-only" 
  data-placeholder="Начните печатать..."
></div>

Дополнительно можно ловить события input и paste, чтобы очищать текст от случайного форматирования. Например, при вставке можно заменить HTML-содержимое на обычный текст через e.clipboardData.getData('text/plain').

Подробнее о тонкостях работы с contenteditable в статье на web.dev

#html
web.dev
The contenteditable "plaintext-only" attribute value combination is now Baseline Newly available  |  Blog  |  web.dev
The contenteditable "plaintext-only" attribute value combination is now Baseline Newly available. Making an element contenteditable but plaintext-only has advantages over using a textarea in some cases highlighted in this post.
www.tg-me.com/vn/Vue FAQ/com.vuefaq/1369
666 views



tg-me.com/vuefaq/1369
Create:
Last Update:

Если нужно добавить на страницу поле для редактирования текста, можно использовать атрибут contenteditable, как более приятную замену textarea (для полей больших форм это не очень хорошая замена).

Чтобы ограничить ввод только текстом, можно использовать значение plaintext-only у атрибута contenteditable. Это предотвратит вставку HTML-разметки, картинок или стилей.

<div 
  contenteditable="plaintext-only" 
  data-placeholder="Начните печатать..."
></div>

Дополнительно можно ловить события input и paste, чтобы очищать текст от случайного форматирования. Например, при вставке можно заменить HTML-содержимое на обычный текст через e.clipboardData.getData('text/plain').

Подробнее о тонкостях работы с contenteditable в статье на web.dev

#html

BY Vue-FAQ




Share with your friend now:
tg-me.com/vuefaq/1369

View MORE
Open in Telegram


Vue FAQ Telegram | DID YOU KNOW?

Date: |

The messaging service and social-media platform owes creditors roughly $700 million by the end of April, according to people briefed on the company’s plans and loan documents viewed by The Wall Street Journal. At the same time, Telegram Group Inc. must cover rising equipment and bandwidth expenses because of its rapid growth, despite going years without attempting to generate revenue.

What is Telegram?

Telegram is a cloud-based instant messaging service that has been making rounds as a popular option for those who wish to keep their messages secure. Telegram boasts a collection of different features, but it’s best known for its ability to secure messages and media by encrypting them during transit; this prevents third-parties from snooping on messages easily. Let’s take a look at what Telegram can do and why you might want to use it.

Vue FAQ from vn



Warning: filemtime(): stat failed for aCache/aDaily/post/vuefaq/-- in /var/www/tg-me/post.php on line 333

Warning: filemtime(): stat failed for aCache/aDaily/post/vuefaq/-- in /var/www/tg-me/post.php on line 334

Если нужно добавить на страницу поле для редактирования текста

 Vue-FAQ TG
Webview: 1369
Vue-FAQ.Telegram Webview
Vue-FAQ Telegram TG Channel
Telegram Updated:
Telegram Vue-FAQ
FROM USA