使用 jQuery 修剪文本区域中的前导/尾随空白?

2023-11-24

以下代码是将文本从数据库放入文本区域的示例。

<textarea id="inputPane" cols="80" rows="40" class="pane">
<p>
    some text here...
</p>
  <p>
    more text here...
</p>
</textarea>

使用 jQuery 的 .trim 删除所有前导和尾随空格并使文本区域显示与下面非常相似的实际 jquery 代码是什么?

<textarea id="inputPane" cols="80" rows="40" class="pane">
    <p>some text here...</p>
    <p>more text here...</p>
</textarea>

我已经为此工作了几个小时,但尝试与 .trim 进行不同的组合没有成功

$('#inputPane')jQuery.trim(string);

你可以尝试这样的事情:

jQuery(function(​$) {
    var pane = $('#inputPane');
    pane.val($.trim(pane.val()).replace(/\s*[\r\n]+\s*/g, '\n')
                               .replace(/(<[^\/][^>]*>)\s*/g, '$1')
                               .replace(/\s*(<\/[^>]+>)/g, '$1'));
});​

结果如下:

<p>some text here...</p>
<p>more text here...</p>

虽然这可能不是万无一失的,但它应该比从文本区域的 HTML 值创建元素更快/更高效。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

使用 jQuery 修剪文本区域中的前导/尾随空白? 的相关文章

  • 使用 Twitter 引导模式而不是确认对话框

    我正在尝试使用 twitter 引导模式而不是自定义确认对话框 我的职能 function getConfirm confirmMessage if confirmMessage undefined confirmMessage confi
  • Bootstrap 3 水平滚动行网站设计

    我正在尝试使用 bootstrap 3 制作水平滚动网页 This http fiddle jshell net ravimallya 7kCTD 2 show 是我到目前为止所尝试过的 media min width 768px cont
  • 从流程图中获取数据系列的颜色

    在看到 stackoverflow 用户页面上很酷的新 声誉 选项卡后 我受到启发 开始尝试使用 Flot 图表库 我有一个包含数百个系列的折线图 在任何给定时间 这些系列中只有几个是可见的 我的数据系列分为几个 类别 我根据该类别分配数字
  • 如何从 jquery .load 获取 php 响应

    例如我给出另一个代码 这是我的 some3 php 代码 第一个文件
  • 从字符串中删除第一个和最后一个字符

    我有这个 dataList one two three list explode dataList echo pre print r list echo pre 其输出 gt Array gt 0 gt gt 1 gt one gt 2 g
  • 使标签充当输入按钮

    我怎样才能做一个 a href http test com tag test Test a 就像表单按钮一样 通过充当表单按钮 我的意思是 当单击链接执行操作时method get 或 post 以便能够通过 get 或 post 捕获它
  • 使用外部按钮选择下一个/上一个单选按钮

    我正在制作一种幻灯片形式 当用户单击下一张图像时 还必须选择单选按钮 我的滑动功能可以正常工作 下一个按钮 也可以工作 但我有点坚持使用 上一个 按钮 不明白为什么它不起作用 fiddle http jsfiddle net V4tdx 这
  • 如何在 ui-sortable 中手动触发“更新”

    我正在使用可排序的 UI 每个项目中都有一个delete按钮 这是删除功能 delete item click function this closest grid 3 b remove initSortable sortable sort
  • SmartyStreets jQuery 元素定位中断

    我的地址表单位于 Twitter 引导选项卡集下方 这些标签具有不同的高度 当用户在选项卡之间切换时 SmartyStreets smarty ui 元素不会更新其绝对定位 相反 表单现在可能在页面上显示更高或更低 并且复选框保留在原来的位
  • jQuery .wrap() 不环绕克隆元素

    function extend notify function options duration var defaults inline true href html var options extend defaults options
  • 如果使用jquery,如何在html5中查看显示分钟和秒的CurrentTime

    我想在显示器上看到当前时间分钟和秒的视频 var id main video player alert id get 0 currentTime worked i see 12 324543356 var minnow id get 0 c
  • 使用jquery tagit插件,是否有办法禁用所有条目?

    我有一个页面并且正在使用jquery tagit 插件 http aehlke github io tag it 效果很好 但我试图在单击按钮时禁用它 并使其具有与禁用选择下拉菜单时类似的行为 如下所示 selectDropdown val
  • 如何在没有数据库的情况下创建AJAX分页?

    是否可以在没有 MySQL 帮助的情况下获取 AJAX 分页页面 难道我不能只添加一个包含我需要显示的文本和标记的 PHP 文件 然后通过单击页码将该内容提供给用户吗 那么可以用纯 jQuery 和 PHP 来实现吗 您会使用什么代码方法来
  • Bootstrap shown.bs.tab 事件不起作用

    我正在使用灵活的模板 http the8guild com themes html flexy v1 7 stylesPage html 使用引导程序 并且我无法让选项卡上的 shown bs tab 事件正常工作 我已经成功让它发挥作用J
  • 在 jQuery 中生成下拉菜单的年份

    我想到了一个小问题 我正在尝试想出一种方法来解决它 基本上 我想要做的是将年份减去 18 年 即 2011 年返回 1993 年 并生成一个下拉选项 供用户选择在此之前的任何年份 基本上他们必须证明自己已超过法定年龄 18 岁 var mi
  • 如何使 Nivo 滑块响应式

    我在 WordPress 中使用 NivoSlider 并对主题实现了一些响应式 css 我也修复了 Nivo Slider 中图像的宽度和高度以及背景大小 但它仅显示一次正确的大小 然后在滑块中显示大图像 这是该网站的链接 Website
  • jQuery UI 选项卡 - 将选项卡绑定到同一页面上的链接

    我正在尝试将选项卡绑定到同一页面上的链接 但我是 jQuery 的新手 需要一些帮助 我的选项卡使用 jQuery UI 站点的代码 但是 如何绑定同一页面侧边栏中的链接呢
  • 使用 JQuery getJSON 方法

    我正在尝试使用 JQuery getJSON 函数解析 JSON 数据 REST 查询是 http query yahooapis com v1 public yql q select 20woeid 20from 20geo places
  • Django:单击按钮加载另一个模板

    我已经在 django 项目上工作了几个星期 只是玩玩以便掌握它的窍门 我有点困惑 我现在有一个名为 home html 的模板 我想知道是否可以将另一个名为 profile html 的模板设置为 home html 模板上的链接 我有一
  • 限制在三角形内

    我正在寻找一段通用代码 javascript 它可以与 jquery UI 一起使用来限制三角形内 div 的移动 拖动 与此类似 http stackoverflow com questions 8515900 how to constr

随机推荐

  • 重复的 HTTP 响应标头是否可以接受?

    我还没有找到任何关于标准是否允许重复的 HTTP 响应头的规范 但我需要知道这是否会导致兼容性问题 假设我有一个像这样的响应标头 HTTP 1 1 302 Moved Temporarily Server Apache Coyote 1 1
  • Zend Form SetAction 使用命名路由

    我有一个表格 我正在尝试为其设置操作 我想使用我在引导程序中创建的路由在表单文件 扩展 Zend Form 中而不是在控制器或视图中声明操作 通常当我想使用路线时我会做类似的事情 this gt url array route name 在
  • Spring @QuerydslPredicate 问题

    使用的库 Spring Boot 1 3 2 RELEASE 查询DSL 3 7 2 QueryDSL Maven 插件 1 1 3 休眠 4 3 11 Final Issue 目前 我有一个 Spring Boot 应用程序 它具有使用
  • 在 Android 地图中的 geo:-url 处显示标记

    Android 上的 Google 地图是否不仅可以在地图应用程序中显示给定坐标 还可以在该位置设置标记 或图钉 我阅读了文档https developer android com guide appendix g app intents
  • 客户端文件创建和下载

    我们正在使用 fusioncharts 它能够在客户端使用 javascript 导出 csv 数据 我们希望能够获取该数据并在浏览器中动态创建文件 那可能吗 如何 尝试下面的代码允许您访问客户端文件系统 但这仅适用于 IE 浏览器
  • NetBeans 中 Java EE 项目中的默认 index.jsp 文件在哪里?

    我在 NetBeans 中创建一个简单的 Web 应用程序 名为 WebApplication1 已创建一个文件 名为index jsp 当我运行应用程序时 浏览器会转到index jsp 项目中没有任何地方将其称为欢迎页面 那么那里进展如
  • ios uitableview 在滚动时淡入底部单元格和顶部单元格

    当我的 uitableview 的单元格滚动到视图之外时 我会淡出它们 或者当它们滚动到视图中时 我会淡入它们 我面临的问题是 如果我滚动得非常快 有时完全可见的单元格会保持灰色 下面是我的代码 void scrollViewDidScro
  • Starteam 到 X 的迁移? (其中 X 是以下之一:svn/git/hg/bzr ...)

    是否有工具可以将 Starteam 迁移到 svn 或 git 或任何其他现代 体面的源控制系统 我正在考虑一些类似的事情git svn作品 允许您使用 git 从 svn 存储库中拉取 可以导入 StarTeam 存储库并将其转换为 sv
  • 使用 oledb 命令从 Excel 中读取数据

    在下面的代码中 而不是指定选项卡名称 我们是否可以只说 select from tab1 选项卡名称可能是什么 OleDbCommand excelOledbCommand new OleDbCommand Select From Shee
  • 使用引用参数嵌套调用 consteval 函数

    下面的程序 template
  • 通过命令行进行文件夹比较

    我想比较 Windows Vista XP 上的两个文件夹 其中有大量大文件 我需要比较它们 如果我使用Beyond Compare或者类似的工具来比较文件夹 如果我手动进行的话会花费很多时间 我需要将该文件夹比较添加到批处理文件中 那么在
  • 如何估计 GIF 文件大小?

    我们正在建立在线视频编辑服务 其中一项功能允许用户将视频中的一小段导出为动画 gif 伊姆古尔有一个文件大小限制每个上传的 gif 动画大小为 2Mb Gif 文件大小取决于帧数 颜色深度和图像内容本身 纯色的平面颜色会产生非常轻量级的 g
  • 如何通过控制台启用/禁用 google chrome 扩展

    今天 在打开 Google Chrome 时 我意识到没有简单的方法可以在不前往以下位置之一的情况下启用或禁用扩展 chrome 扩展 单击工具 gt 扩展 gt 启用 禁用 这之所以如此重要 是因为它占用的资源 例如 我将启动我的计算机
  • 通过ID动态获取drawable

    我想要一个byte并将其附加到资源 ID 中 以便能够获取与游戏中编号的牌组相对应的图像 使用其他设备上的路径很容易 但是使用资源 ID 我不确定如何才能做到这一点 这是我现在所拥有的 switch GameSettings gameDec
  • 漏洞? System.ArgumentException:“无法找出以下路径:

    Error System ArgumentException 无法找出以下路径 RegisterPage参数名称 uri System ArgumentException unable 找出路线 LogoPage 参数名称 uri 怎么了
  • 从带有 cookie 的 Chrome 扩展程序发送 XHR 请求

    我正在尝试将 XHR 请求从 Google Chrome 扩展程序发送到另一个域 这可以正常工作 但我需要随请求发送该域 cookie 有办法做到这一点吗 确保manifest json 权限 are 正确设置 您必须在中正确设置跨站域请求
  • 如何在 PowerShell 上转义命令行参数?

    看来我可以使用单引号或双引号转义命令行参数 PS C gt echo Hello World Hello World PS C gt echo Hello World Hello World PS C gt echo Hello World
  • Keras ImageDataGenerator 用于多个输入和基于图像的目标输出

    我有一个模型 它以两个图像作为输入并生成单个图像作为目标输出 我的所有训练图像数据都位于以下子文件夹中 input1 input2 target 我可以使用ImageDataGenerator类和方法如flow from directory
  • UIKit 绘图是线程安全的:如何获取图形上下文?

    所以 正如中提到的这个答案 and in iOS 4 0 发行说明 UIKit 现在有一些线程安全的绘图工具 在 UIKit 中绘制图形上下文现在是线程安全的 具体来说 用于访问和操作图形上下文的例程现在可以正确处理驻留在不同线程上的上下文
  • 使用 jQuery 修剪文本区域中的前导/尾随空白?

    以下代码是将文本从数据库放入文本区域的示例