textarea 相关问题

textarea是一个HTML元素（标记），用于创建多行纯文本编辑字段。

我尝试在以下代码中设置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 时，它需要变成一个可编辑的文本区域。宽度是恒定的，但我想要......

html css textarea

回答 6 投票 0

Jquery .val() 不在文本区域中返回换行符

我在文本区域中遇到换行问题。我使用 .val() 函数获取文本： var messageBody = $('#composeInput').val(); 这是我的ajax请求 $.ajax({ url: 'serverScripts/messages/

php jquery ajax textarea

回答 3 投票 0

如何在codemirror文本编辑器中使用onchange、onmouseup事件

我正在使用我的文本编辑器作为代码镜像。通常，当我尝试在textarea中使用像onmouseup、onchange、oninput这样的dom事件时，它可以工作，但是在集成codemirror之后，它不起作用。请...

javascript jquery textarea codemirror

回答 2 投票 0

文本区域宽度自动调整大小

当我在文本区域内写入时，我想自动调整文本区域的宽度，并设置最大宽度，就像这段代码对输入所做的那样。 http://jsbin.com/ahaxe 有可能吗？

jquery textarea width resizable

回答 4 投票 0

文本区域和签名板 - 位置不当

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap'); * { 保证金：0；填充：0；框大小：边框框；字体系列：'Poppins'，sans-

html css alignment textarea margin

回答 1 投票 0

带有拼写检查器的CodeMirror

我想使用 CodeMirror 的功能（例如行号、换行、搜索等）来处理纯文本，不需要特别突出代码，而是使用 Google Chrome 拼写

javascript textarea codemirror

回答 7 投票 0

使用XSLT输出空的HTML文本区域元素

当尝试输出空文本区域元素时，.NET XSLT 处理器会将该元素折叠为其简短形式。而不是这个：我明白了...

.net html xslt textarea

回答 8 投票 0

实现可调整大小的文本区域？

Stackoverflow 如何实现可调整大小的文本区域？这是他们自己推出的东西，还是我可以轻松附加到我网站上的文本区域的公开组件？我...

html resize textarea

回答 6 投票 0

为什么wrap=hard属性在textarea元素中没有按预期工作？

我确实需要换行符，但即使使用wrap =“hard”，定义列，该值仍然是单行。文本区域换行符... 我确实需要换行符，但即使使用wrap =“hard”，定义列，该值仍然是单行。 <!DOCTYPE html> <html> <body> <h1>The textarea wrap attribute</h1> <textarea id="usrtxt" rows="2" cols="5" name="usrtxt" wrap="hard" style="overflow-wrap: break-word; width: 100px;"> At W3Schools you will find free Web-building tutorials. </textarea>  <div id="textareaContent"></div> <script> // Function to display textarea content function showTextareaContent() { var textarea = document.getElementById('usrtxt'); var displayArea = document.getElementById('textareaContent'); displayArea.innerText = textarea.value; } // Event listener for the textarea input document.getElementById('usrtxt').addEventListener('input', showTextareaContent); // Initialize the display area with the current content of the textarea showTextareaContent(); </script> </body> </html> wrap属性 - 关键部分是“用于表单提交”。确实，文本区域的值不包含添加的 \n。通过添加一个包裹textarea的form元素，你可以使用FormData来获取格式化的文本。 <!DOCTYPE html> <html> <body> <h1>The textarea wrap attribute</h1> <form> <textarea name="usrtxt" id="usrtxt" rows="2" cols="5" name="usrtxt" wrap="hard" style="overflow-wrap: break-word; width: 100px;"> At W3Schools you will find free Web-building tutorials. </textarea> </form>  <div id="textareaContent"></div> <script> // Function to display textarea content function showTextareaContent() { var textarea = document.getElementById('usrtxt'); let form = textarea.form; let fd = new FormData(form); let formatted = fd.get("usrtxt"); // this uses the "name" property of the textarea element var displayArea = document.getElementById('textareaContent'); displayArea.innerText = formatted; } // Event listener for the textarea input document.getElementById('usrtxt').addEventListener('input', showTextareaContent); // Initialize the display area with the current content of the textarea showTextareaContent(); </script> </body> </html>

javascript html textarea word-wrap

回答 1 投票 0

如何更改调整大小手柄的外观？

我不想完全关闭调整大小，但文本区域上的调整大小手柄不适合页面样式的其余部分。有没有办法改变它的外观，也许用 i 代替它...

html css textarea

回答 4 投票 0

如何使文本区域大小在重新加载页面后保持不变？

我需要制作一个可调整大小的文本区域，即使重新加载页面也能保持其大小，但它不起作用。我尝试使用本地存储来存储文本区域的高度和宽度，即

javascript arrays local-storage textarea

回答 1 投票 0

TinyMCE 编辑错误：在本地工作但在服务器上失败

在过去的几年里，我一直经常使用Tiny。然而，最近，我在尝试编辑某些字段时遇到了问题。情况是我在本地运行时可以正常编辑字段，但是......