標簽[textarea] - 堆棧內存溢出

[英]Stop user from typing in a textarea after reaching row limit?

我正在開發一個項目，其中 textarea 中的總行數將等於另一個元素的offsetHeight除以 24。設置總行數時，用戶無法通過按 enter 鍵創建更多行，但是當任何文本寫入溢出文本區域的寬度，它仍然會創建一個新行。由於textarea繼承的div的高度是可以調整大小的，所以也是未知的。 ...

以數組形式獲取 TextArea 輸入值，並使用 forEach 循環 console.log 中的值使用 Javascript

[英]Get TextArea Input Value in form of array and forEach loop the value in console.log Using Javascript

在textarea輸入字段上，所以首先我在textarea中鍵入任何文本時給了一個addEventListener，文本區域文本的值應該得到forEach Loop並且循環數組應該顯示在console.log中..但是現在循環數組顯示空白或不明確的。 ...

驗證時間<textarea><i>of html on click event of "add" button in Angular</div></i> <b>html 在 Angular 中單擊“添加”按鈕的事件</div></b></textarea><div id="text_translate"><p> 我正在處理 Angular 申請。</p><p> 我有一個＆“添加”按鈕。</p><p> 現在我如何實現可以做的功能：如果沒有單個值，那么如果我點擊添加按鈕，我應該會得到一個錯誤。該錯誤必須提到為“請在 textarea 中添加一些內容”。如果用戶已經添加然后成功。</p><p> 可以請一些幫助嗎？</p><p> 我試過 onSubmit() 表單但沒有用</p></div>

[英]Validation on <textarea> of html on click event of "add" button in Angular

我正在處理 Angular 申請。我有一個＆“添加”按鈕。現在我如何實現可以做的功能：如果沒有單個值，那么如果我點擊添加按鈕，我應該會得到一個錯誤。該錯誤必須提到為“請在 textarea 中添加一些內容”。如果用戶已經添加然后成功。可以請一些幫助嗎？我試過 onSubmit() 表單 ...

Localstorage - 從 JS 重寫為 Jquery

[英]Localstorage - rewrite from JS to Jquery

我正在做一個投資組合項目——應該使用 jquery——部分任務是通過本地存儲設置和獲取文本——我可以在 Javascript 中完成，但在 jquery 中嘗試重構時我中斷了。我找到了一個優雅簡單的javascript codepen，它具有我想要的所有功能。但是，當我重構為 jquery 時 ...

如何使此 div scrollTop 值與 textarea 的值匹配？

[英]How to make this div scrollTop value match that of the textarea?

我正在使用 div 來格式化和顯示來自等尺寸文本區域的文本，我需要它們永久同步。但是，在輸入文本超過文本區域底部后，我無法同步它們各自的 scrollTops。我的過程與此處描述的過程類似，但我無法讓他的解決方案在我的項目中發揮作用。這是最少相關代碼的演示和片段：<section&gt ...

通過鍵盤與鼠標選擇時，textarea 尾隨新行

[英]textarea trailing new lines when selected via keyboard vs mouse

如果我像這樣用 3 行文本和 3 個換行符初始化一個文本區域當您用鼠標突出顯示文本時，剪貼板將包含所有 3 個新行。當您使用ctrl+a突出顯示文本並復制時，剪貼板將包含額外的第 4 行。這在我正在使用的 WYSIWYG 編輯器中導致了一些問題。無論文本是用鍵盤還是鼠標突出顯示，您如何使 ...

如何通過使用 JavaScript 擦除第一個文本區域來清除 2 個文本區域？

[英]How can I clear 2 textareas by erasing the text on the first one using JavaScript?

當我寫“hola”並單擊“加密”時，結果顯示在第二個文本區域中。 ¿是否有任何方法可以僅通過擦除第一個文本區域中的文本來清除第二個文本區域的文本？我發現我可以創建一個按鈕，但必須有一個解決方案而不創建它。 ...

Extjs 經典：無法調整 resizable=true 的 Textarea

[英]Extjs classic: Textarea with resizable=true cannot be resized

我創建了這個小提琴： https://fiddle.sencha.com/#view/editor&fiddle/3mh2 。如果你運行它，你會看到你無法調整文本區域的大小，即使它具有屬性resizable: true 。我錯過了什么？為了讓事情更有趣，我看了一下文檔： https: ...

為什么當我點擊它時，復制按鈕沒有定位到匹配文本區域？

[英]Why copy button desn't targetting to match textarea when i click it?

復制目標與真實表數據不匹配我嘗試制作一個復制（salin）按鈕來復制表數據/表中文本區域的每個數據。但問題是目標與應該復制的文本區域不匹配。請幫我。我使用 Codeigniter 和 Javascript。這里的代碼： ...

如何在 Svelte 的 Textarea Word Wrap 行號中添加空格

[英]How to Add a Space in Line Numbers in Textarea Word Wrap in Svelte

賞金將在 7 天后到期。此問題的答案有資格獲得+100聲望賞金。 Jonathan想讓更多人關注這個問題：必須在 stackblitz 或類似產品中有一個工作演示。我有一個文本區域，其中為每個新行生成了 CSS 行號。一切都很好，除非有自動換行。如果我得到自動換行，它不會換行新行文本 ...

文本區域值？

[英]Textarea value?

當我使用文本輸入類型時，我可以只給它一個值並使用它，即使在另一個頁面示例中也是如此：我可以對文本區域做同樣的事情嗎？例子：這是我從給定 ID 檢索現有信息行的代碼。該信息包括姓名、電子郵件地址和評論： ...

CSS：文本區域不可拖動

[英]CSS: Text area is not draggable

當輸入較少的單詞或沒有單詞時，文本區域不可拖動只有當輸入的單詞超出可見文本區域時，文本區域才可拖動 css: textarea {溢出: 自動;} 添加時它不起作用或與 !important 有誰知道如何解決這一問題？ ...

未捕獲的 TypeError：myFormRef.submit 不是函數，我試圖讓 React 中的文本區域使用 Enter 鍵提交值

[英]Uncaught TypeError: myFormRef.submit is not a function, I tried to make my textarea in React submit the value with the key Enter

我試圖讓我在 React 中的 textarea 輸入使用 Enter 鍵提交值，但我收到了這個錯誤，我不知道為什么會這樣：錯誤信息這是我抓住關鍵的功能：const myFormRef = useRef(); const onEnterPress = (e) => { i ...

是否可以將帶有 attachShadow 的插槽用於文本區域？

[英]is it possible to use slot with attachShadow for a textarea?

創建自定義 shadowDom 元素時，是否有某種方法可以將<slot>與<textarea>一起使用？根據標准（我猜是預期的）textarea 行為，它的內容正在將 <slot></slot> 轉義為<slot></slot&g ...

textarea + R 變量獲得額外空間

[英]textarea + R variable getting an extra space

我在我的 Shiny 應用程序中使用 textarea (HTML)。當我在 im 中放入一個 R 變量時，會得到一個額外的空間，例如：任何的想法？ ...

帶下划線（組件全寬）文本的文本區域

[英]Textarea with underline (component whole width) text

普通文本區域我需要這個文本區域另一個文本區域假設，圖 1 是一個文本區域字段。我需要每一行帶有下划線（全寬下划線）的文本，如圖 2 所示。有人能幫忙嗎？可編輯的圖 2 必須具有類似於文本區域字段的行為。在圖 3 中，有一個按鈕（+ 添加更多行）。單擊此處將增加文本區域內的行數。 - ...

我正在嘗試為 HTML 標簽構建自動完成功能<textarea><i>in React, but so far no success.</i><b>在 React 中，但到目前為止沒有成功。</b> <i>Could someone assist me?</div></i><b>有人可以幫助我嗎？</div></b></textarea><div id="text_translate"><p> 所以用戶輸入標簽（如<body> ）並且函數應該以（ </div> ）結束。請在下面查看我的代碼。</p><pre> import React, { useState } from "react"; const Text = () => { const [currentText, setCurrentText] = useState(""); const addClosingTag = (event) => { // const txtBefore = event.target.value.slice(0, event.target.selectionStart); const txtBef = currentText.slice(0,currentText.selectionStart); const txtAft = currentText.slice(currentText.selectionEnd, currentText.length); const lastString = txtBef.replace(/\s+/g, " ").split(" ")[txtBef.replace(/\s+/g, " ").split(" ").length - 1]; if (event.key == ">") { if(lastString.includes("<")){ var addClose = lastString.replace(/[< >]/g, ""); setCurrentText(`${txtBef}</${addClose}>${txtAft}`); } } } return ( <div> <textarea value={currentText} onChange={(event) => setCurrentText(event.target.value)} onKeyDown={(event) => addClosingTag(event)} /> </div> ) }; export default Text;</pre><p> 如果 function 不會觸發，如果它<strong>不是</strong>html標簽，那就太好了： <laptop></p><p> 我試圖在貼標后關閉 html 標簽，到目前為止，該功能沒有按預期工作。</p></div>

[英]I m trying to build auto complete for HTML tags in <textarea> in React, but so far no success. Could someone assist me?

所以用戶輸入標簽（如<body> ）並且函數應該以（ </div> ）結束。請在下面查看我的代碼。如果 function 不會觸發，如果它不是html標簽，那就太好了： <laptop> 我試圖在貼標后關閉 html 標簽，到目前為止，該功能沒有按預期工作。 ...

根據 keyCode 將文本區域拆分為數組，並為每一行添加 li 標簽 - JavaScript

[英]Split text area into an array based on keyCode and add li tags to each line - JavaScript

我是 JavaScript 的新手，所以很難通過電話。我有一個帶有 textarea 字段的表單。在回車鍵的每個按鍵事件之后，我需要將每一行都包裹在 li 標簽中。然后一旦提交，數據將作為列表輸出。我使用的是 Javascript，而不是 JQuery。問題是當我添加 li 標簽時，開始標 ...

使用 graphql 發送我的文本區域的值

[英]sending value of my textarea with graphql

我希望你們都有美好的一天。我正在編寫自己的個人網站，並且有一個部分可以聯系我。我在這部分遇到的問題是，我試圖將我的客戶端 email 發送到我的 email，當我試圖通過 Graphql 將他們的消息發送到我的服務器時，我收到此錯誤我發送到服務器的請求是我不知道如何解決它我不知道為什么會出 ...

JavaScript - 帶有行屬性的滾動高度

[英]JavaScript - scrollHeight with rows attribute

我想獲取文本區域內文本的高度。問題在於：textarea 的行數是固定的，導致 scrollHeight 屬性在這種情況下變得無用。看這個例子： console.log(document.querySelector('textarea').scrollHeight); <textarea ...