如何使用自动建议创建自定义文本区域?

     2023-05-07     52

关键词:

【中文标题】如何使用自动建议创建自定义文本区域?【英文标题】:How to create Custom Textarea with auto suggest? 【发布时间】:2019-02-10 05:00:04 【问题描述】:

我想要一个 文本区域,它应该在文本区域 内部 有自动建议。建议列表应该是定制的。意思是,我应该能够从后端来源发送建议列表。

例如:如果我输入 Be ,它应该在输入的单词 Be 附近显示一个建议列表,带有 Beast/Begin/Beans...etc(这些即将到来从我的后端,ajax 调用)。

是否有适用于 javascript 或 Jquery 或 HTML/CSS 等的 插件

【问题讨论】:

尝试像“autocomplete textarea ***”这样的搜索词,看看其他人是如何做到的。请注意,help center 第 4 点中提到的有关使用哪些库的问题不在主题范围内。 不需要为此添加任何外部插件。每当输入更改时,请拨打您的电话...ajax/http/soap 不管它是什么。 @RakeshBurbure 不,这不仅仅是一个文本框,然后显示建议。这将是一个文本区域,必须在光标附近的文本区域内列出建议。 【参考方案1】:

如果您使用的是 Angular 2。您可以查看此https://www.npmjs.com/package/angular2-mentions

【讨论】:

使用 AngularJs。 github.com/angular-ui/ui-mention jsfiddle.net/biggieman/6j5v5856/5

如何使用原型自动调整文本区域的大小?

】如何使用原型自动调整文本区域的大小?【英文标题】:HowtoautosizeatextareausingPrototype?【发布时间】:2010-09-0516:02:21【问题描述】:我目前正在为我工​​作的公司开发一个内部销售应用程序,并且我有一个允许用户更改收货... 查看详情

如何使用文本区域?

】如何使用文本区域?【英文标题】:Howtouseatextarea?【发布时间】:2014-05-1404:51:48【问题描述】:我正在用java创建一个GUI,并想使用JTextArea,但是我在将它添加到框架时遇到了很多麻烦。我将如何创建一个文本区域,然后使用... 查看详情

选定文本区域的自定义滚动条设计[重复]

...area[duplicate]【发布时间】:2019-07-1817:44:18【问题描述】:如何在主流浏览器中为特定的textarea实现自定义滚动设计?例如:我的滚动设计的示例图片:【问题讨论】:这可能会有所帮助:css-tricks.com/custom-scrollbars-in-webkit【参考方... 查看详情

Angularjs使用选项从模板添加值创建文本区域

】Angularjs使用选项从模板添加值创建文本区域【英文标题】:AngularjsCreatetextareawithoptionaddvaluefromtemplate【发布时间】:2018-01-0106:03:05【问题描述】:我正在尝试创建一个表单文本区域,用户可以在其中键入文本并可以选择一些预... 查看详情

如何在表单文本区域中添加变量

】如何在表单文本区域中添加变量【英文标题】:Howtoaddvariablesinaformtextarea【发布时间】:2021-11-2706:08:08【问题描述】:我想创建可由管理员轻松更新的自定义确认消息。喜欢<textarea>Youcancontactcontact_namelocatedatcontact_place…<... 查看详情

在 woocommerce 的自定义文本区域中保留用户换行符

】在woocommerce的自定义文本区域中保留用户换行符【英文标题】:Preservingtheuserlinebreaksinacustomtextareainwoocommerce【发布时间】:2020-05-0312:08:02【问题描述】:我已经设法在woocommerce产品数据中添加了一个自定义文本区域,我的客户... 查看详情

多词预测/自动完成文本区域? [关闭]

...用于js/任何框架)我想创建一个文本区域,在我输入时将使用提供的数据数组,检查与当前输入的单词的预测匹配并尝试提出解决方案。到目前为止我找到的所有解决方案(对于jquery)只匹 查看详情

创建具有自动调整大小的文本区域

】创建具有自动调整大小的文本区域【英文标题】:Creatingatextareawithauto-resize【发布时间】:2010-10-0200:53:58【问题描述】:有anotherthreadaboutthis,我试过了。但是有一个问题:如果您删除内容,textarea不会缩小。我找不到任何方法... 查看详情

使用 php curl 自动填充文本区域

】使用phpcurl自动填充文本区域【英文标题】:Toautofillatextareausingphpcurl【发布时间】:2009-11-0912:54:25【问题描述】:我们正在尝试自动填充具有文本区域的表单。<textareaname="myarea"></textarea>我们可以使用curl来做到这一点... 查看详情

如何阻止 Chrome 自动完成文本区域?

】如何阻止Chrome自动完成文本区域?【英文标题】:HowtostopChromefromautocompletingtextareas?【发布时间】:2017-08-3006:08:26【问题描述】:我正在处理Chrome希望自动填充用户地址的联系表单的一部分中的文本区域。结果,许多联系请求... 查看详情

如何阻止文本区域自动换行? [复制]

】如何阻止文本区域自动换行?[复制]【英文标题】:Howtostopatextareafromwordwrapping?[duplicate]【发布时间】:2011-09-1520:40:01【问题描述】:可能重复:howremovewordwrapfromtextarea是否可以阻止textarea元素小部件自动换行?【问题讨论】:... 查看详情

单击提交按钮时将自定义文本从选择框提交到文本区域

】单击提交按钮时将自定义文本从选择框提交到文本区域【英文标题】:Submittingcustomtextfromselectboxintotextareawhensubmitbuttonisclicked【发布时间】:2021-11-0306:46:55【问题描述】:点击“发布线程”按钮后,我希望它根据在选择框中选... 查看详情

如何创建固定大小的 twitter bootstrap 文本区域 [关闭]

】如何创建固定大小的twitterbootstrap文本区域[关闭]【英文标题】:Howtocreateafixedsizetwitterbootstraptextarea[closed]【发布时间】:2013-02-2107:55:08【问题描述】:我想创建一个固定大小的文本区域,不能通过拖动来更改大小。如何使Twitter... 查看详情

自动清除和重新填充文本区域值

...:2013-01-1814:59:36【问题描述】:我有一个简单的表单,它使用Value来通知用户他们要在每个文本区域中放置什么。我已经能够使用这个javascript使文本区域自动清除:<scripttype="text/javascript">functionsetValue(field)if(\' 查看详情

文本区域 (JTextArea) 的自动文本滚动,插入符号位置设置为最后一行的开头

...述】:我有一个简单的Java问题。我想将文本自动滚动到使用JTextArea创建的文本区域的最后一行的开头。文本区域每行的 查看详情

自动关闭文本区域

...ularJS1.1.5,InternetExplorerandng-showwithobjects(Bug)相关,我们必须使用textarea元素作为自闭合标签来解决I 查看详情

无论如何,是不是有基于页面加载内容的文本区域“自动调整”高度?

】无论如何,是不是有基于页面加载内容的文本区域“自动调整”高度?【英文标题】:Isthereanywaytohaveatextarea"autofit"heightbasedonthecontentatpageload?无论如何,是否有基于页面加载内容的文本区域“自动调整”高度?【发布时... 查看详情

如何使用 CSS 使文本区域居中?

】如何使用CSS使文本区域居中?【英文标题】:HowtocenteratextareausingCSS?【发布时间】:2011-04-0413:12:09【问题描述】:请原谅我问了这么简单的问题,我对HTML和CSS都是新手。有没有一种简单的方法可以使文本区域居中?我想我会尝... 查看详情