textarea 相关问题

如何编辑以下函数以显示表单文本区域中的所有行？表单文本区域： <?php ...</desc> <question vote="0"> <p>如何编辑以下函数以显示表单文本区域中的所有行？</p> <p>表单文本区域：</p> <pre><code><textarea rows="20" cols="60" name='cuqts_quotes' id='cuqts_quotes'><?php echo get_option('cuqts_quotes'); ?></textarea> </code></pre> <p>这是我尝试过的，但它不会显示列表中的所有行。</p> <pre><code>/* Returns texturized all quotes */ function cuqts_get_allqts() { $rQuote = explode("\n", get_option('cuqts_quotes')); if($rQuote == null || count($rQuote) <= 0) return null; foreach($rQuote as $rQts) return wptexturize($rQts); } /* Display All Quotes Shortcode */ add_shortcode('cuallqts', 'cuqts_get_allqts'); </code></pre> </question> <answer tick="false" vote="0"> <p>您正在循环内执行返回。这将在第一项之后停止循环。</p> <p>将 $rQts 添加到循环内的另一个变量中，然后在循环完成后返回。</p> <p>像这样：</p> <pre><code>foreach($rQuote as $rQts) { $quotes .= wptexturize($rQts); } return $quotes; </code></pre> </answer> </body></html>

php html wordpress textarea

回答 0 投票 0

处理 NextJS 应用程序中的文本区域组件

我在处理 NextJS 应用程序中文本区域组件的输入时遇到问题。该组件如下所示： <question vote="0"> <p>我在处理 NextJS 应用程序中文本区域组件的输入时遇到问题。</p> <p>该组件的外观如下：</p> <pre><code><textarea placeholder={pcHld} value={fldNm} onChange={onChangeVar} className="bg-cyan-300" rows={3} cols={20} /> </code></pre> <p>问题出在 onChange 上。</p> <p>这就是 onChangeVar 的样子：</p> <pre><code> const onChangeVar = (event: FormEventHandler<HTMLTextAreaElement>): void => { console.log('onChangeVar:'+event.name) console.log('onChangeVar(JSOD):'+JSON.stringify(event)) }; </code></pre> <p>这里只打印调试消息。但最终目标是能够获取 textarea 组件的文本内容并用它做一些有用的事情。</p> <p>此时我遇到了以下错误：</p> <pre><code>Type '(event: FormEventHandler<HTMLTextAreaElement>) => void' is not assignable to type 'ChangeEventHandler<HTMLTextAreaElement>'. Types of parameters 'event' and 'event' are incompatible. Type 'ChangeEvent<HTMLTextAreaElement>' is not assignable to type 'FormEventHandler<HTMLTextAreaElement>'. Type 'ChangeEvent<HTMLTextAreaElement>' provides no match for the signature '(event: FormEvent<HTMLTextAreaElement>): void'.ts(2322) ...... </code></pre> <p>我显然在代码中写了一些错误的东西，因为类型不匹配。</p> <p>但是我尝试的几件事都失败了，那么我应该如何更改代码才能正常工作？</p> </question> <answer tick="false" vote="0"> <p>更改此行</p> <pre><code>const onChangeVar = (event: FormEventHandler<HTMLTextAreaElement>): </code></pre> <p>至</p> <pre><code>const onChangeVar = (event: ChangeEventHandler<HTMLTextAreaElement>): </code></pre> </answer> </body></html>

typescript next.js textarea

回答 0 投票 0

如何使用 Javascript 设置 CodeMirror 编辑器的值？

我尝试在以下代码中设置id4： &... 我尝试在以下代码中设置id4： <div id="id1"> <div id="id2"> <div id="id3"> <textarea id="id4"></textarea> </div> </div> </div> 通过使用此代码： document.getElementById('id4').value = "..."; 还有这个： document.getElementById('id3').getElementsByTagName('textarea')[0].value = "..."; 但是没有任何作用。更新： textarea 已被 CodeMirror 编辑器取代。我如何为其设置值？非常感谢您的帮助！自 3.0 发布以来，执行此操作的方式略有变化。现在是这样的： var textArea = document.getElementById('myScript'); var editor = CodeMirror.fromTextArea(textArea); editor.getDoc().setValue('var msg = "Hi";'); 我喜欢例子。试试这个： CodeMirror.fromTextArea(document.getElementById(id), { lineNumbers: true }).setValue("your code here"); 正如你所说，textarea被Codemirror取代了。但它被类为“CodeMirror”的元素所取代。您可以使用 querySelector 来获取元素。当前的 CodeMirror 实例（及其方法）附加到此元素。所以你可以这样做： document.querySelector('.CodeMirror').CodeMirror.setValue('VALUE') CodeMirror ~4.6.0 你可以这样做，假设你有一个 codemirror 对象： var currentValue = myCodeMirrorObject.cm.getValue(); var str = 'some new value'; myCodeMirrorObject.cm.setValue(str); 您拥有的代码应该可以工作。失败的最可能的解释是元素在运行时不存在。如果是这样，解决方案是：移动 JS，使其出现在创建元素之后（例如，到</body>之前）延迟 JS 的执行，直到创建元素（例如，将其移动到您指定为 onload 事件处理程序的函数）这对我的（相当旧的）版本的 CodeMirror 有效： var editor=CodeMirror.fromTextArea('textarea_id'); editor.setCode('your string'); editor.setValue(“YOUR_VALUE”);

javascript textarea codemirror

回答 7 投票 0

更改React文本区域的颜色调整角大小

React textarea 右下角小对角线的颜色可以调整吗？我已经改变了边框颜色，但小对角线仍然是灰色的（都在......

css reactjs colors textarea

回答 1 投票 0

如何防止文本区域滚动到焦点上的光标？

问题：当文本框通过 Javascript 获得焦点时，有没有办法告诉浏览器不要滚动到当前光标位置？目标：我想滚动文本区域，并围绕其文本导航，

javascript scroll focus textarea

回答 1 投票 0

我可以让文本区域随着文本增长到最大高度吗？

我正在开发一个项目，其中的 div 中的数据可以是各种大小。当用户单击其中一个 div 时，它需要变成一个可编辑的文本区域。宽度是恒定的，但我想要......