gpt4 book ai didi

javascript - 允许富文本功能的输入框

转载 作者:行者123 更新时间:2023-11-28 09:03:31 25 4
gpt4 key购买 nike

我正在寻求建议,我应该使用什么组件来满足我的需求,如下:

我想要一个简单的单行编辑框,允许用户输入文本,并且当此编辑组件具有焦点时,所有文本都应采用相同的格式(一种字体,一种颜色,...)

但是当输入组件失去焦点时,我想“处理”其文本和(如果适用)该文本的某些部分不同的格式显示(假设使用灰色而不是标准黑色)。

是否有一些现有组件可以达到这样的目标,或者是否有一些简单的代码/解决方案可以实现这样的行为?

最佳答案

由于您无法格式化输入元素内的文本,因此需要使用 div 元素来实现。取一个可编辑的div如下

<div contenteditable="true"></div>

现在按照以下线程中的描述向其添加一个 onblur 事件。调用onblur上的方法进行格式化

Is it possible to write onFocus/lostFocus handler for a DIV using JS or jQuery?

关于javascript - 允许富文本功能的输入框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17391950/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com