首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

在评论输入框中插入表情

最近在做一个后台管理系统,要求可以对前台用户的作品进行评论,而评论要可以输入表情,常规的文字输入框都是用的文本域textarea来做的,但这种输入框只能输入文字,没有办法输入表情图标,这个时候可编辑div...就能起到作用了,那么如何在可编辑的div中插入表情呢?...要完成这个功能得用到 selection 以及 range,selection 对象由 window.getSelection() 方法获得,它代表页面中的文本选区,选区对应的区域,而range对象,可由...selection对象的 getRangeAt() 方法获得,实现在光标处插入图片后将光标移到图片后边,就是使用这两个对象中的方法。...基本的实现步骤是这样的,首先获得 selection 选区对象,再获得范围对象 range,创建图片节点,将图片节点插入到范围中,接着将范围收缩为它末端的一个点,最后将选区清除,将收缩后的范围重新添加到选区中即可

4.1K10
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    Excel实战技巧74: 在工作表中创建搜索框来查找数据

    本文主要讲解如何创建一个外观漂亮的搜索框,通过它可以筛选数据并显示搜索结果。...End Sub 在代码中,对要搜索的文本使用了通配符,因此可以搜索部分匹配的文本。此外,对数据区域使用了“硬编码”,你可以将其修改为实际的数据区域。代码运行的结果如下图2所示。 ?...在形状中单击右键,如下图4所示。 ? 图4 选取“指定宏”命令,在“指定宏”对话框中选择宏名,如下图5所示。 ?...图5 可以在此基础上进一步添加功能,例如,在搜索完成后,我想恢复原先的数据,可以在工作表中再添加一个代表按钮的矩形形状,如下图6所示。 ?...在我们编写的代码中,有很多注释掉的代码语句,可供参考。

    16.7K10

    如何获取非模式生物KEGG PATHWAY的基因集并用clusterProfile做GSEA?

    require(stringr))install.packages('stringr') library(stringr) 2.查询大熊猫在KEGG数据库中的缩写 #获取KEGG数据库收录的所有物种的清单...head(org) # 查询大熊猫在KEGG数据库中的缩写 org[str_detect(org[,3],"panda"),] 当然,也可以网页查询。...https://www.genome.jp/kegg/catalog/org_list.html 可以看到,大熊猫在KEGG数据库对应的缩写为“aml” 物种的kegg代号 最出名的物种当然是人类了,...4.获取用于GSEA的基因集数据框 #数据整理,将向量转变为数据框,作为GSEA的基因集 aml.kegg <- data.frame(term=unname(aml_path),gene=names(...<- aml.kegg # 其中这个 genelist 来源于自己的大熊猫转录组数据分析后的基因排序的向量哦。

    3.4K20

    seaborn可视化数据框中的多个列元素

    seaborn提供了一个快速展示数据库中列元素分布和相互关系的函数,即pairplot函数,该函数会自动选取数据框中值为数字的列元素,通过方阵的形式展现其分布和关系,其中对角线用于展示各个列元素的分布情况...函数自动选了数据框中的3列元素进行可视化,对角线上,以直方图的形式展示每列元素的分布,而关于对角线堆成的上,下半角则用于可视化两列之间的关系,默认的可视化形式是散点图,该函数常用的参数有以下几个 ###...#### 3、 x_vars和y_vars 默认情况下,程序会对数据框中所有的数值列进行可视化,通过x_vars和y_vars可以用列名称来指定我们需要可视化的列,用法如下 >>> sns.pairplot...通过pairpplot函数,可以同时展示数据框中的多个数值型列元素的关系,在快速探究一组数据的分布时,非常的好用。

    5.2K31

    【Eclipse】eclipse中让Button选择的文件显示在文本框里

    在给定的代码片段中,使用了Float.parseFloat(text)方法将文本转换为浮点数。然后,使用逻辑运算符进行条件判断,如果转换后的浮点数大于0或小于0,则执行相应的操作。...问题:在Eclipse中如何实现让Button选择的文件显示在文本框里?回答:在Eclipse中,可以使用Java Swing库来实现让Button选择的文件显示在文本框里的功能。...首先,需要创建一个JButton对象和一个JTextField对象,并将它们添加到一个JFrame或JPanel中。...然后,可以使用JFileChooser类来创建一个文件选择对话框,并将其与按钮关联起来。当用户点击按钮时,可以通过JFileChooser选择文件,并将文件路径显示在文本框中。

    17310

    在控制流中存储数据

    如果做得好,将存储在数据中的程序状态存储在控制流中,可以使程序比其他方式更清晰、更易于维护。 在说更多之前,重要的是要注意并发性不是并行性。...控制流状态始终可以保留为显式数据,但显式数据形式实质上是在模拟控制流。大多数情况下,使用编程语言中内置的控制流功能比在数据结构中模拟它们更容易理解、推理和维护。...这个程序如此不透明的主要原因是它的程序状态被存储为数据,特别是在名为 state 的变量中。当可以在代码中存储状态时,这通常会导致程序更清晰。...在这些情况下,调用方一次传递一个字节的输入序列意味着在模拟原始控制流的数据结构中显式显示所有状态。 并发性消除了程序不同部分之间的争用,这些部分可以在控制流中存储状态,因为现在可以有多个控制流。...局限性 这种在控制流中存储数据的方法不是万能的。以下是一些注意事项: 如果状态需要以不自然映射到控制流的方式发展,那么通常最好将状态保留为数据。

    2.5K31

    【R语言】根据映射关系来替换数据框中的内容

    前面给大家介绍过☞R中的替换函数gsub,还给大家举了一个临床样本分类的具体例子。今天我们接着来分享一下如何根据已有的映射关系来对数据框中的数据进行替换。...例如将数据框中的转录本ID转换成基因名字。我们直接结合这个具体的例子来进行分享。...假设我们手上有这个一个转录本ID和基因名字之间的对应关系,第一列是转录本ID,第二列是基因名字 然后我们手上还有一个这样的bed文件,里面是对应的5个基因的CDs区域在基因组上的坐标信息。...\\1中 NM=gsub("(NM_.*?)..._.*","\\1",bed$V4) #获取转录本号对应的基因名字 symbol=mapping[NM,1] 方法一、使用最原始的gsub函数 #先将bed文件中的内容存放在result1中 result1

    4K10

    在 React 应用中获取数据

    在整个 React 组件中有几个地方都可以获取远程数据。何时获取数据是另外一个问题。你还需要考虑用何种技术获取数据、数据存储在哪里。...) 方法中初始化异步数据,但是,这有可能会在组件未装载前完成数据请求。...数据更新频率 在 componentDidMount() 方法中初始化数据是很合理的,但是,我需要经常更新数据。基于 REST API,只有通过轮询的方式解决。...我们的应用中只是在 componentDidMount() 方法中启动一个 5s 的定时器更新数据,然后,在 componentWillUnmount() 方法清除定时器 componentDidMount...当用户在初始化数据的时候(比如:点击搜索按钮)这很重要。 在演示 app 中,当请求时数据时我简单的显示一条提示信息:“请求数据中...”。

    8.4K20

    contact form 7如何设置placeholder让提示文字显示在输入框中

    我们在表单时,可以将提示文字放在输入框的上方或左侧,如果要放在框中提示可以用placeholder来定义,那么contact form 7可以使用placeholder吗?...很简单,如下图所示,在定义cf7表单时加上placeholder,比如 [text your-name placeholder "Your name here"]这样就能实现。 ?   ...普及一下:placeholder占位符文本是在输入字段中显示的描述性文本,直到该字段被填满。当你开始输入时,它就消失了。占位符文本通常用于当前用户界面,所以您可能以前见过它。...要在窗体中的字段中设置占位符文本,只需向表示该字段的窗体标记添加一个占位符选项和一个文本值。   ...您可以在以下类型的表单标记中使用占位符选项:text, email, url, tel, textarea, number, range, date, and captchar.

    3.5K20

    【Python】基于某些列删除数据框中的重复值

    从结果知,参数keep='last',是在原数据的copy上删除数据,保留重复数据最后一条并返回新数据框,不影响原始数据框name。...从结果知,参数keep=False,是把原数据copy一份,在copy数据框中删除全部重复数据,并返回新数据框,不影响原始数据框name。...=True时没有返回结果,是在原始数据框name上直接进行操作。...原始数据中只有第二行和最后一行存在重复,默认保留第一条,故删除最后一条得到新数据框。 想要根据更多列数去重,可以在subset中添加列。...如需处理这种类型的数据去重问题,参见本公众号中的文章【Python】基于多列组合删除数据框中的重复值。 -end-

    20.5K31

    在Pytorch中构建流数据集

    在处理监督机器学习任务时,最重要的东西是数据——而且是大量的数据。当面对少量数据时,特别是需要深度神经网络的任务时,该怎么办?...如何创建一个快速高效的数据管道来生成更多的数据,从而在不花费数百美元在昂贵的云GPU单元上的情况下进行深度神经网络的训练? 这是我们在MAFAT雷达分类竞赛中遇到的一些问题。...我的队友hezi hershkovitz为生成更多训练数据而进行的增强,以及我们首次尝试使用数据加载器在飞行中生成这些数据。...数据格式概述 在制作我们的流数据之前,先再次介绍一下数据集,MAFAT数据由多普勒雷达信号的固定长度段组成,表示为128x32 I / Q矩阵;但是,在数据集中,有许多段属于同一磁道,即,雷达信号持续时间较长...这里就需要依靠Pytorch中的IterableDataset 类从每个音轨生成数据流。

    1.2K40
    领券