jjzjj

textArea

全部标签

javascript - 在 VUE JS 的 Cursor 位置插入字符

我一直在尝试在光标所在的文本区域中准确插入表情符号。我在网上查看了howtos找不到VUEJS中的任何特定内容。他们中的大多数都是纯JS。我有这个代码我的方法addEmoji(emoji){this.greeting_text+=emoji.native;this.showPicker=!this.showPicker;}显然,这段代码会将字符(在我的例子中是表情符号)添加到字符串的最后。为此,我需要一个纯vuejs解决方案。Vue中此类问题的最佳实践是什么?因为网络中很少有基于vanillaJS或Jquery的解决方案。 最佳答案

javascript - 正则表达式:允许除某些选定字符外的所有字符

这个问题在这里已经有了答案:Regex:matcheverythingbutaspecificpattern(5个答案)关闭5年前。我想验证一个文本区域,但我就是不懂正则表达式(我花了一天时间和一堆教程才弄明白)。基本上我希望能够允许所有内容(包括换行符和战车),但可能是恶意的字符(那些会导致安全漏洞的字符)。由于不允许使用的字符很少,我认为创建黑名单比白名单更有意义。我的问题是:Regex中的标准“除此之外”是什么?我正在使用javascript和jquery。我试过了,但它不起作用(这很糟糕,我知道..):varmessageReg=/^[a-zA-Z0-9éèêëùüàâöïç\

javascript - 如何替换文本区域字段中的最后一个字符?

例子测试1,测试2,测试3,测试4,如何用句点替换最后一个字符(逗号)? 最佳答案 这将删除尾随逗号(如果有)并添加句点:textarea.value=textarea.value.replace(/,$/,"")+".";textarea.value是一个具有replace方法的字符串。作为第一个参数,给出了一个正则表达式(以单个前导/为特征),它匹配末尾的逗号($)。匹配项(如果有)被替换为任何内容(删除)并附加一个句点。请注意,此代码会重置滚动(至少在Firefox中)和光标位置。另一个删除尾随逗号但如果没有尾随逗号则不会添加

javascript - 通过控制台/书签将代码编辑器添加到文本区域

我遇到了一个问题,我在CMS上开发我无法控制的页面,而且我正在编辑越来越复杂的页面,除了文本区域之外别无他物。最初我在我的代码编辑器中创建页面,然后将HTML复制到文本区域中。手动保持本地和CMS代码同步。这个工作流程很糟糕。当我在CMS中工作时,我想要代码突出显示等功能。有什么办法可以添加像Ace这样的代码编辑器吗?或CodeMirror通过书签或控制台命令到文本区域?我试过使用AceBookmarketBuilder但我不知道它是设计用于任何页面还是仅用于github。编辑:我认为我上面说的不够清楚。我只是此CMS的最终用户,我无法更改它在后端的运行方式。我实际上只需要一个小书签来

javascript - 每当我更改其值时如何阻止文本区域滚动到顶部

我正在制作一些东西,其中文本区域会附加越来越多的文本。在firefox中,文本区域每次都向上滚动到顶部。我目前有类似textarea.scrollTop=1000000;的内容,可以在每次更改时将其向下滚动,但它仍然会在很短的时间内上升到顶部。有什么办法可以阻止它这样做吗? 最佳答案 我也遇到了这个问题。它发生在IE和Firefox中,但不会发生在Opera和Chrome中。我想通过对文本区域进行“double-buffering”更改来隐藏瞬间跳转到顶部:创建两个具有完全相同属性和尺寸的文本区域。其中只有一个是可见的;另一个是隐藏

javascript - 无法访问 ComponentDidMount 上的引用

我正在尝试在使用Reactv16.3.1加载组件时选择文本区域中的所有文本FollowingtheRefsdocs我有一个基本示例,但this.textarea始终未定义,如果我更改此示例以在单击按钮时执行相同的代码,则效果很好。所以这是怎么回事?我曾期望安装组件后应该可用?示例代码:importReactfrom"react";classHelloextendsReact.Component{constructor(props){super(props);this.textarea=React.createRef();}componentDidMount=()=>{this.text

javascript - jQuery:将文本区域滚动到给定位置

我有一个包含大量文本的文本区域:lotsandlotsoftextgoeshere我想向下滚动文本区域,以便用户可以看到第2000个字符。我如何使用javasctipt/jQuery执行此操作?$('#txt').scrollToCharNo(2000);//somethinglikethiswouldbegreat编辑(我的解决方案)好吧,我设法让它自己工作。我发现的唯一方法是创建一个与文本区域具有相同字体和宽度的DIV,将SPAN放在所需字符附近并找到该span的位置。我敢肯定,有人可能会发现我的解决方案很有用,所以我会把它粘贴在这里:jQuery.fn.scrollToText=

javascript - 使用 jqGrid 进行内联编辑时在表格上方显示表单控件

我正在使用启用了内联编辑的jqGrid。问题是有些字段的内容很长,默认情况下字段不够大,无法使用:我想要做的是为文本区域设置一个固定宽度,并让它在获得焦点时扩展到在表格上方可见。像这样:我可以在editoptions:dataInit中设置文本区域的CSS,但如果我只是增加宽度,文本区域的右侧会在表格单元格的末尾被剪掉。我想我可以用一些聪明的CSS来解决这个问题?顺便说一句,我知道弹出式编辑器可能对此更有意义,但客户坚持认为它仍然是内联编辑器。 最佳答案 如果我正确理解您的要求,您希望textarea与网格的相应单元格一样大。在这种

javascript - 让 CodeMirror 跟随一个 TextArea

如何让CodeMirror与TextArea同步,以便两者的光标位置、选择和数据保持相同?我将CodeMirror与MobWrite结合使用。CodeMirror仅使用textArea来读取输入,而MobWrite可以处理给定TextArea上的选择等,问题是让CodeMirror与TextArea同步。 最佳答案 扩展了ModWrite代码以支持CodeMirror&它工作起来就像一个魅力。它也可以在GitHub上找到.详细信息CodeMirrorGroup.下面为所有可能走这条路的人转储的代码://CODEMIRRORINPUT

javascript - 我怎样才能像 Twitter 那样制作一个字符限制突出显示的文本区域?

Twitter的提交推文文本框会突出显示超过字符限制的字符:如您所见,超出字符限制的字符以红色突出显示。我怎样才能实现这样的目标? 最佳答案 您将在此处找到必要的解决方案和所需的代码:Howtoinserttagwhenexceeding140limiti.e.goingnegative?...这里:REGEX-Highlightpartover19chars您的问题似乎是口是心非。注意:我没有选择将以上链接作为评论发布(即特权取决于声誉)。这是根据SimonKuang的推荐(见评论)的代码:HTML:JSBinYourtexthe