程序员经验分享-hwhale

将样式添加到 textarea 的特定行

2023-12-28

我有动态的 html textarea，它的内容逐行更改。我想为更新或修改的行内容添加一些样式。是否有任何窗口选择（例如属性）可以做到这一点？

我想要的是让用户感觉到改变已经发生happen。或者还有其他方法可以实现吗？


没有简单的方法可以仅通过 CSS 和 textarea 来实现它，但问题肯定是可以解决的:)

  • 您可以将文本区域替换为<div contenteditable><p></p></div>
  • 你可以设置文本区域CSS：background: transparent并操作文本区域下方的某些元素
  • 你可以修改这个 jQuery 插件：https://github.com/cotenoni/jquery-linedtextarea https://github.com/cotenoni/jquery-linedtextarea操作特定的行（需要一些 CSS 工作，因为默认情况下您可以操作左列）
  • 您可以为文本区域设置自定义背景并将其上下移动到特定行background-position: 0 X
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

javascript

jQuery

css

textarea

将样式添加到 textarea 的特定行 的相关文章

  • 为什么我需要使用 setState 回调来设置依赖于第一个项目的 setState 完成的第二个状态项目的状态？

    在此 componentDidUpdate 方法中 执行 setState 将引号设置为从 fetch 返回的内容后 我必须使用回调再次执行 setState 将 randomQuoteIndex 设置为调用 randomQuoteInde

  • 节点 sass 无效 CSS

    node sass 是否支持 use 由于我收到此错误 SassError t family fonts 之后的 CSS 无效 预期的表达式 例如 1px 粗体 为 roboto 这是 Nav scss 的代码 nav width 100

  • Jquery.Validate - 基于哪个选项卡添加/删除规则

    我有一个 Bootstrap 4 选项卡式界面 每个选项卡上都有输入框 我想允许用户根据他们所在的选项卡输入不同的必填字段 因此我希望根据该选项卡添加或删除验证 无论用户位于哪个选项卡 还有一些强制输入 我所做的是创建一个默认验证函数 添加

  • 使用 Javascript/Node.js 在代码内执行 mongoimport

    node js javascript 中是否有任何库可供个人使用mongoimport在代码中 据我了解 mongoimport 有点像 exe 您必须先执行它 然后才能使用其文本输入环境 是否可以在我的代码中执行 mongoimport

  • IE localStorage 事件失火

    在 Internet Explorer 9 和 10 中 localStorage 实现意外地触发事件 这里有很棒的线索 Chrome 的 localStorage 实现存在错误 https stackoverflow com questi

  • 使用 JavaScript 防止网页导航离开

    如何使用 JavaScript 防止网页导航离开 Using onunload允许您显示消息 但不会中断导航 因为为时已晚 然而 使用onbeforeunload将中断导航 window onbeforeunload function re

  • Angular 2 将字符串转换为 md5 哈希

    我找到了ts md5 https www npmjs com package ts md5包 但在示例中它有一个hashStr方法 但现在不行了 类型上不存在属性 hashStr Md5 使用该错误后 该错误会记录在我的控制台中 我怎样才能

  • 如何在打字稿中使用外部js

    我通过 Typescript 代码生成 Angular JS 代码 在一种情况下 我需要将外部 JS 文件添加到我的打字稿文件中 并且需要访问 js 文件中的类 我像这样添加js文件

  • 在 javascript 中实现固定位置会导致 Safari 滚动时出现抖动

    固定位置不适用于我的用例 因为它固定在浏览器窗口上 您可能会处于文本在屏幕右侧之外且无法到达的状态 无论如何 我尝试使用绝对定位 然后调整javascript中的 顶部 它在 Firefox 和 Chrome 中运行良好 但在 Safari

  • 如何将两个 span 元素一个向左对齐，另一个向右对齐？

    我有两个 span 要素 span style margin right auto 2012 XYZ Corp All Rights Reserved span span style margin left auto Built with

  • 在“onClick”上切换 DIV 高度

    我想切换分区的高度 我尝试过将 animate 与 if else 语句一起使用 但它只会反弹 我现在使用的代码将隐藏我的分区而不是切换高度 点击时会触发 document ready function content1 toggle fu

  • 使用 nockjs 和 jest 进行 Promise/异步单元测试的代码覆盖率问题

    我使用 NockJS 和 Jest 为 React 应用程序编写了一个简单的 API 调用单元测试 如下所示 AjaxService js export const AjaxService post url data headers gt

  • 居中

    我的问题 http i56 tinypic com ff3jmo png http i56 tinypic com ff3jmo png 项目符号点未对齐 我要做的只是 text align center ing ul 所在的类 我可以对齐

  • 如何使用 fetch() 和 WhatWG 流获取文件上传进度

    注意 我并不是在寻找任何替代方案 我知道这可以通过 XMLHttpRequest 来完成 我也不关心浏览器支持 我只想了解新的 即将推出的标准 我有一个File https developer mozilla org en US docs

  • PHP Json_encode 将空格更改为加号 +

    我有一个网络应用程序 我首先将 JSON 数据存储在 cookie 中 然后每 x 秒保存到数据库 它只是打开与服务器的连接 服务器读取 cookie 它实际上并不通过 POST 或 GET 发送任何内容 当我保存到 cookie 时 我的

  • highchart堆积柱每个类别的总数据

    我想获取每个类别的总数据 这point stackTotal只给出活动数据的总数 从我粘贴的代码示例中 我想知道每种水果的总消耗量 因此 即使我单击右上角图例上的乔的名字 这使得堆叠图表上的所有乔信息都处于非活动状态 我仍然可以知道约翰 简

  • VS Code 扩展 - 获取完整路径

    我正在为 VS Code 编写一个插件 我需要知道调用扩展的文件的路径 无论是从编辑器上下文菜单或资源管理器上下文菜单调用还是用户只需键入扩展命令 function activate context get full path of the

  • Html5画布最热门的任意形状

    我正在尝试开发可以在画布中渲染图像和文本的程序 我尝试处理画布中图像的点击 但它适用于可矩形图像 我的问题 您是否知道处理单击画布中图像的可见部分 非透明部分 的解决方案或框架 我正在寻找 ActionScript hitTestObjec

  • 深层嵌套 Flexbox 布局是否会导致性能问题？

    我一直在开发一个 ReactJS 项目 其中我使用 Flexbox 布局创建了大部分组件 由于使用 React 我们可以拥有深度嵌套的组件 因此我的布局具有嵌套的 Flexbox 布局 现在我的问题是 这对性能有任何问题吗 在一个页面上 有

  • 从后面的代码添加外部 css 文件

    我有一个 CSS 文件 例如 SomeStyle css 我是否可以将此样式表文档从其代码隐藏应用到 aspx 页面 您可以将文字控件添加到标头控件中 Page Header Controls Add new System Web UI L

随机推荐

  • CKReference 的 CloudKit 订阅通知未按预期工作

    我正在尝试为包含带有用户 CKReference 的字段的记录设置 CKSubscription 但每当创建记录时 它都会忽略compoundPredicate的这一部分 并且通知永远不会出现 在 CKSubscription 的谓词中使用

  • 我可以使用本地文件系统中的图像作为 HTML 的背景吗？ [复制]

    这个问题在这里已经有答案了 我有一个托管在远程 Web 服务器上的 HTML 文档 我试图让网页上的元素之一使用本地文件系统中的图像文件作为其背景图像 Chrome Safari 或 Firefox 都不行 还没有尝试过 IE 这是我迄今为

  • 如何通过验证保留 JSF 视图参数

    我将 JSF 2 0 CDI 和 PrimeFaces 2 2 1 用于许多 CRUD 表单 这些表单允许用户通过单击数据表中的链接来查看或更新现有实体的属性 其中实体的标识符被传递到CRUD 形式作为视图参数 我在 PrimeFaces

  • 内存是否加密？

    我想将一些数据存储在变量中 并且我知道变量存储在内存中 内存中的数据是否被加密 另外 软件是否可以读取存储在内存中的变量名称并能够从中实际提取数据 内存是not在我所知道的任何平台上进行加密 无论如何 它的价值有限 因为处理器通常必须对明文

  • R 中 MuMIn 包的标准化

    我使用 R 中的 MuMIn 包来选择模型并计算输入变量 rain brk onset wid 的效应大小 为了使变量之间的效应大小具有可比性 我使用标准化函数对它们进行了标准化arm包裹 这是我正在遵循的代码 供参考 请参阅本文附录 ht

  • StreamReader 和二进制数据

    我有这个包含不同字段的文本文件 某些字段可能包含二进制数据 我需要获取文件中的所有数据 但现在使用 StreamReader 时 它不会读取二进制数据块以及之后的数据 解决这个问题的最佳解决方案是什么 Example field1 fiel

  • 使用 Java 8 的复杂自定义收集器

    我有一个对象流 我想通过以下方式收集它们 假设我们正在处理论坛posts class Post private Date time private Data data 我想创建一个列表 其中包含哪些组posts通过一段时间 如果没有post

  • 使用 Java 通过 Rest API 在 Confluence 中创建页面

    有谁有关于如何使用 Confluence 的 RESTful API 在 Confluence 中创建页面 wiki 条目的示例吗 我正在尝试用 Java 编写一些可以做到这一点的东西 先感谢您 谢谢 我已经在线检查了文档 但找不到任何示例

  • 安装同一 iPhone 项目的不同版本？

    当我制作游戏原型时 我经常需要回去与旧版本进行比较 以更好地了解我是否走在正确的轨道上 但每次我需要检查特定版本时都必须检查旧版本并重新导出 这是一个漫长的过程 如果我可以简单地启动不同的版本 那就会更顺利 如何在设备上安装同一项目的多个版

  • 如果在沙盒中，Stripe.js 需要“allow-same-origin”

    我正在尝试打开stripe js的支付网关 结账页面 我这样做了 async function LoadPaymentController var stripe Stripe pk test 51JBxkrB1SsiUQAfnzEWMqNg

  • 从 url 中删除 php 扩展名

    我有网址example com lt php example并希望删除 phpexample com lt example我尝试使用 htaccess 但我认为这是不可能的 RewriteEngine On RewriteCond REQU

  • 是否可以使 SwiftUI ListMenu 具有不同的行为？

    是否可以使用 swiftUI 创建一个列表菜单 其中列表项具有不同的行为 并使用 foreach 添加到视图中 列表项将是模型 例如 第一个将打开 个人资料 视图 第二个将打开另一个不同的视图 第三个将只是简单地注销 并用 ForEach

  • 使用正则表达式提取 PHP 代码

    我想用正则表达式提取本节的整个 PHP 代码 h1 Extract the PHP Code h1 Another stumbling block gt echo that works gt p Some HTML text p 不幸的是

  • Python 最大函数

    当列表中的项目不是同一类型时 max 函数如何工作 例如以下代码返回 1 3 max 1 52 53 1 3 gt 1 3 在Python2中 不同类型对象的默认比较是使用id它们的类型 通过将对象指针转换为整数获得 这里是来源的链接 ht

  • Java 执行器：当任务完成时，如何在不阻塞的情况下收到通知？

    假设我有一个充满任务的队列 我需要将其提交给执行器服务 我希望一次处理一个 我能想到的最简单的方法是 从队列中取出一个任务 提交给执行人 对返回的 Future 调用 get 并阻塞 直到有结果可用 从队列中取出另一个任务 但是 我试图完全

  • Android - 如何仅通过单击应用程序图标来执行项目的主要功能？

    我正在制作一个应用程序 并且需要仅通过单击其图标来执行其主要功能 换句话说 没有布局 没有小部件 只是它的工作 一旦用户单击该图标 它就应该执行其主要功能 我想到的一种方法是将所有代码放入onCreate功能 或者如果还有其他方法请分享给我

  • 应用程序被终止时的 Android 地理围栏

    我的主要要求是让服务拥有自己的流程并触发自己的地理围栏事件 我希望用户在进入地理围栏时收到通知中心的通知 即使应用程序被终止也是如此 我阅读了有关服务的内容 这对我来说似乎很清楚 Android 文档很丰富 因此我设法了解如何使用自己的进程

  • ggplot2/R 输出 pdf 太大

    我正在 MacBook Pro 中的 ggplot2 中生成 32x32 图块 每个图块小于四分之一英寸 x 四分之一英寸大小 热图 这是相对简单的东西 然而 它的 pdf 输出很大 大约 7MB 当我将其加载到 pdflatex 中时 加

  • 创建 Vuex 存储后，如何手动将 getter/mutations 添加到 Vuex 存储中？

    我正在尝试在我的 Vuejs 组件之一的 created 生命周期挂钩中添加新变量 getter 和突变 变量工作正常 但对于 getters mutations 来说 似乎并不像向 vuex 存储对象添加新函数那么容易 我试图解决的问题是

  • 将样式添加到 textarea 的特定行

    我有动态的 html textarea 它的内容逐行更改 我想为更新或修改的行内容添加一些样式 是否有任何窗口选择 例如属性 可以做到这一点 我想要的是让用户感觉到改变已经发生happen 或者还有其他方法可以实现吗 没有简单的方法可以仅通

热门标签