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

在评论输入框中插入表情

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

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

    UWP 在 WebView 中执行 JavaScript 代码(用于模拟用户输入等)

    UWP 中使用 WebView 时可以在网页中额外执行一些代码。于是你几乎可以在网页上做任何事情,那些你可以在浏览器控制台中做的事情。 本文将介绍做法。...JavaScript eval(string) 函数 在上面的代码中,eval 是指执行 JavaScript 的 eval 函数,并且将后面的字符串数组作为它的参数传入。...在 JavaScript 中,eval(string) 函数可计算某个字符串,并执行其中的的 JavaScript 代码。...在计算结束后,会返回一个字符串,就是参数中那个字符串执行完之后的返回值(如果有的话)。...于是意味着你可以通过这种方式拿到输入框中的值: var userId = await WebView.InvokeScriptAsync("eval", new[] { "document.getElementById

    2K30

    在HLS中插入HDL代码

    今天就来介绍一种在HLS中插入HDL代码的方式,结合两者的优势为FPGA开发打造一把“利剑”。 说明 接下来,将介绍如何创建 Vitis-HLS 项目并将其与自定义 Verilog 模块集成一起。...将插入两个黑盒函数 - 第一个在流水线区域(线路接口,ap_none),第二个在数据流区域(FIFO 接口,ap_ctrl_chain)。 步骤 1....输入先进先出: 输出先进先出: 概括: 不要修改 ap_ctrl_chain 信号,因为该模块将使用 ap_ctrl_chain 协议。...能够在 HLS 模块中看到打包的 add.v 文件。 单击 hls_config.cfg 文件,在 Vitis GUI 的帮助下将 cosim.trace_level 更改为全部并运行联合仿真。...将 grp_add_fu_134 信号添加到 wcfg 函数行为很奇怪,接下来在 json 中更改黑盒函数 II,看看它如何影响仿真。打开 add.json 并将 II 更改为 10。

    20210

    使用insert () 在MongoDB中插入数组

    “insert”命令也可以一次将多个文档插入到集合中。下面我们操作如何一次插入多个文档。...我们完成如下步骤即可: 1)创建一个名为myEmployee 的JavaScript变量来保存文档数组; 2)将具有字段名称和值的所需文档添加到变量; 3)使用insert命令将文档数组插入集合中...结果显示这3个文档已添加到集合中。 以JSON格式打印 JSON是一种称为JavaScript Object Notation的格式,是一种规律存储信息,易于阅读的格式。...在如下的例子中,我们将使用JSON格式查看输出。 让我们看一个以JSON格式打印的示例 db.Employee.find()。...这样做是为了确保明确浏览集合中的每个文档。这样,您就可以更好地控制集合中每个文档的处理方式。 第二个更改是将printjson命令放入forEach语句。这将导致集合中的每个文档以JSON格式显示。

    7.6K20

    在 LaTeX 中插入图片「建议收藏」

    原  文:Inserting Images 译  者:Xovee 翻译时间:2020年9月18日 在 LaTeX 中插入图片 在科研论文中,图片是一个非常重要的组成部分。...文章目录 在 LaTeX 中插入图片 介绍 图片的路径 改变图片的大小、旋转图片 图片的位置 图题、标签、引用 图题 标签和交叉引用 生成高分辨率的和低分辨率的图片 参考指南 延伸阅读 介绍 下面是一个插入图片的例子...长度单位也可以被设置为文档中某些属性的相对值。...在这个例子中,begin{figure}[h],方括号中的参数h意味着 here。下面的表格中列出了参数的可选值。...在Overleaf中打开这个例子 生成高分辨率的和低分辨率的图片 我们在\includegraphics命令中输入图片的文件名的时候,我们忽略了图片文件的后缀。

    17.3K20

    在 JavaScript 中轻松处理 this

    作者:Dmitri Pavlutin 翻译:疯狂的技术宅 来源:dmitripavlutin 我喜欢 JavaScript 中能够更改函数执行上下文(也称为 this)的特性。...你可能会经常去检查 this 的值不正确的原因。以下各节将会教给你一些把 this绑定到所需的值简单的方法。 在开始之前,我需要一个辅助函数 execute(func)。...这个问题是由 this 值不正确引起的。 现在,在方法 getFullName() 中,this 的值是全局对象(浏览器环境中的 window)。...在使用类的情况下,不能使用附加的变量 self 或箭头函数来固定 this 的值。...在类中,你可以使用 bind() 方法在构造函数内部手动绑定类方法。 如果你想跳过编写样板代码,那么新的 JavaScript 建议类字段会带来胖箭头方法,该方法会自动将 this 绑定到类实例。

    2.4K20

    看ASM在代码中的强势插入

    前言 我之前写过一篇AOP的文章 看AspectJ在Android中的强势插入 是通过AspectJ来实现的,本篇是『巴掌』的投稿,他通过使用ASM来讲解了在Java和Android中的AOP方法,非常值得大家学习交流...再写ASM插入代码前,我们必须意识到一件事,那就是得知道我们会在onMethodEnter中存一个方法开始时间,再在onMethodExit中存一个方法结束时间,再去相减,那么问题来了,这个时间我们存哪呢...然后便是插入时间统计代码了,我在之前的一篇文章就有介绍过 手摸手增加字节码往方法体内插代码(http://www.wangyuwei.me/2017/01/22/%E6%89%8B%E6%91%B8%E6%...执行main函数前动点手脚,自己实现一个代理,在得到虚拟机载入的正常的类的字节码后通过ASM提供的类生成一个插入代码后的字节流再丢给虚拟机,自定义的代理得实现ClassFileTransformer,并且提供...premain()方法,写有premain方法的类得在MANIFEST.MF中显示调用,首先来看看我们自定义的代理类: ?

    4.9K31

    看AspectJ在Android中的强势插入

    那么AOP这种编程思想有什么用呢,一般来说,主要用于不想侵入原有代码的场景中,例如SDK需要无侵入的在宿主中插入一些代码,做日志埋点、性能监控、动态权限控制、甚至是代码调试等等。...:这个是最重要的表达式,第一个『\』表示返回值,『*』表示返回值为任意类型,后面这个就是典型的包名路径,其中可以包含『*』来进行通配,几个『*』没区别。同时,这里可以通过『&&、||、!』...Around Before和After其实还是很好理解的,也就是在Pointcuts之前和之后,插入代码,那么Around呢,从字面含义上来讲,也就是在方法前后各插入代码,是的,他包含了Before...我们可以看见,只有在testAOP2()方法中被插入了代码,这就做到了精确条件的插入。...我们可以看见com.xys.aspectjxdemo包下的所有方法都被加上了try catch,同时,在catch中,被插入了我们切入的代码,但是最后,他依然会throw e,也就是说,这个异常已经会被抛出去

    2.5K50

    如何删除 JavaScript 数组中的虚值

    JavaScript 在需要用到布尔类型值的上下文中使用强制类型转换(Type Conversion )将值转换为布尔值,比如:在条件语句或者循环语句中。...falsy 有时写作 falsey 在 JavaScript 中有很多方法可以从数组中删除元素,但是从数组中删除所有虚值的最简单方法是什么?...解决方案:.filter( ) 和 Boolean( ) 理解问题:我们有一个作为输入的数组。目标是从数组中删除所有的虚值然后将其返回。...这对我们非常有用,因为我们从指令中知道只有 false,null,0,"",undefined 和 NaN 在 JavaScript 中是虚值。其他每一个值都是真值。...知道如果我们将输入数组中的每个值都转换为布尔值,就可以删除所有值为 false 的元素,这就满足了此挑战的要求。 算法: 确定 arr 中的哪些值是虚值。 删除所有虚值。

    9.5K20
    领券