热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

javascript–使用jQuery和PHP在项目符号后插入换行符

我有一个用户在HTMLtextarea中输入注释的页面.最近,用户在评论中一直包括要点.以下是用户如何使用项目符号点在HTMLtextarea中输入注释:现在,在保存注释后,以下是

我有一个用户在HTML textarea中输入注释的页面.最近,用户在评论中一直包括要点.

以下是用户如何使用项目符号点在HTML textarea中输入注释:

enter image description here

现在,在保存注释后,以下是注释在数据库中的外观:

enter image description here

我在数据库中包含了其他列,以便明确有多个条目带有项目符号的注释.

返回数据,然后将注释显示到JQuery数据表单元格中时,注释将完全按照下图所示显示:

enter image description here

如果您注意到图片,那么项目符号将采用段落形式,而不是像最初在HTML文本区域中输入时那样分开.

我需要做的是在数据表单元格中出现的每个项目符号点之后添加换行符,以便它看起来像最初输入的那样.

我不确定我是否需要使用MySQL来执行此操作,但以下是查询数据库时PHP / MySQL的外观:

include("../include/database.php");
$select = "SELECT pk, region, loctype, city, twenty, twenty_comm FROM eqpstatus";
$query = mysqli_query($dbc, $select);
$out = array();
while($row = $query->fetch_assoc())
{
$out[] = $row;
}
echo json_encode($out);
?>

我不确定是否有办法检查MySQL查询中的项目符号.

在jQuery方面,这里是数据表如何返回到页面(尽可能缩短):

var newData = 'process/eqpGuide.php';
$('#example1').DataTable({
"ajax": {
"url": newData,
"type": "POST",
"dataSrc": ''
},
"columns": [
{"data": "region"},
{"data": "loctype"},
{"data": "city"},
{"data": "twenty"},
{"data": "twenty_comm"} // here is where I need to check for bullet points
],
"iDisplayLength": 25,
"order": [[ 1, "desc" ]],
"paging": false,
"scrollY": 550,
"scrollX": true,
"bDestroy": true,
"stateSave": true,
"autoWidth": true
});

因此,为了重申我提到的所有内容,我需要做的只是数据库的twenty_comm部分,即在每个项目符号点后添加换行符.我不确定是应该还是可以在代码的PHP / MySQL部分中完成,或者是否可以在数据表中的JQuery端完成.

将它置于问题形式:如何在PHP / MySQL或jQuery中的项目符号后添加换行符?

解决方法:

我想你的意思是你想在子弹之前添加一个换行符和之后的一些空格?除了在下一个子弹之前,我不可能知道它是什么.您可以使用列渲染回调:

{ data: 'twenty_comm' ,
render: function(data) {
return data
.replace(/•/g,'•  ')
.replace(/(?!^)(•)/g, '
\$1')
}
}

第一个正则表达式只是用子弹和两个空格替换子弹(或middot).接下来是插入的负向前导
除了第一次出现之前的子弹之前.

见http://jsfiddle.net/cj6nk8yz/


推荐阅读
  • IjustinheritedsomewebpageswhichusesMooTools.IneverusedMooTools.NowIneedtoaddsomef ... [详细]
  • Voicewo在线语音识别转换jQuery插件的特点和示例
    本文介绍了一款名为Voicewo的在线语音识别转换jQuery插件,该插件具有快速、架构、风格、扩展和兼容等特点,适合在互联网应用中使用。同时还提供了一个快速示例供开发人员参考。 ... [详细]
  • vue使用
    关键词: ... [详细]
  • 本文介绍了lua语言中闭包的特性及其在模式匹配、日期处理、编译和模块化等方面的应用。lua中的闭包是严格遵循词法定界的第一类值,函数可以作为变量自由传递,也可以作为参数传递给其他函数。这些特性使得lua语言具有极大的灵活性,为程序开发带来了便利。 ... [详细]
  • 本文介绍了南邮ctf-web的writeup,包括签到题和md5 collision。在CTF比赛和渗透测试中,可以通过查看源代码、代码注释、页面隐藏元素、超链接和HTTP响应头部来寻找flag或提示信息。利用PHP弱类型,可以发现md5('QNKCDZO')='0e830400451993494058024219903391'和md5('240610708')='0e462097431906509019562988736854'。 ... [详细]
  • Html5-Canvas实现简易的抽奖转盘效果
    本文介绍了如何使用Html5和Canvas标签来实现简易的抽奖转盘效果,同时使用了jQueryRotate.js旋转插件。文章中给出了主要的html和css代码,并展示了实现的基本效果。 ... [详细]
  • Ihavethefollowingonhtml我在html上有以下内容<html><head><scriptsrc..3003_Tes ... [详细]
  • 本文介绍了前端人员必须知道的三个问题,即前端都做哪些事、前端都需要哪些技术,以及前端的发展阶段。初级阶段包括HTML、CSS、JavaScript和jQuery的基础知识。进阶阶段涵盖了面向对象编程、响应式设计、Ajax、HTML5等新兴技术。高级阶段包括架构基础、模块化开发、预编译和前沿规范等内容。此外,还介绍了一些后端服务,如Node.js。 ... [详细]
  • HTML5网页模板怎么加百度统计?
    本文介绍了如何在HTML5网页模板中加入百度统计,并对模板文件、css样式表、js插件库等内容进行了说明。同时还解答了关于HTML5网页模板的使用方法、表单提交、域名和空间的问题,并介绍了如何使用Visual Studio 2010创建HTML5模板。此外,还提到了使用Jquery编写美好的HTML5前端框架模板的方法,以及制作企业HTML5网站模板和支持HTML5的CMS。 ... [详细]
  • 本文介绍了如何使用jQuery和AJAX来实现动态更新两个div的方法。通过调用PHP文件并返回JSON字符串,可以将不同的文本分别插入到两个div中,从而实现页面的动态更新。 ... [详细]
  • Android实战——jsoup实现网络爬虫,糗事百科项目的起步
    本文介绍了Android实战中使用jsoup实现网络爬虫的方法,以糗事百科项目为例。对于初学者来说,数据源的缺乏是做项目的最大烦恼之一。本文讲述了如何使用网络爬虫获取数据,并以糗事百科作为练手项目。同时,提到了使用jsoup需要结合前端基础知识,以及如果学过JS的话可以更轻松地使用该框架。 ... [详细]
  • 本文介绍了在满足特定条件时如何在输入字段中使用默认值的方法和相应的代码。当输入字段填充100或更多的金额时,使用50作为默认值;当输入字段填充有-20或更多(负数)时,使用-10作为默认值。文章还提供了相关的JavaScript和Jquery代码,用于动态地根据条件使用默认值。 ... [详细]
  • jQuery实现简单的动画效果及用法详解
    本文详细介绍了使用jQuery实现简单动画效果的方法,包括显示/隐藏、向上收缩/向下展开、淡入/淡出、自定义动画等。同时提供了具体的用法示例,并解释了参数的含义和使用技巧。通过本文的学习,读者可以掌握如何使用jQuery实现各种动画效果,为网页增添生动和互动性。 ... [详细]
  • 本文介绍了Java后台Jsonp处理方法及其应用场景。首先解释了Jsonp是一个非官方的协议,它允许在服务器端通过Script tags返回至客户端,并通过javascript callback的形式实现跨域访问。然后介绍了JSON系统开发方法,它是一种面向数据结构的分析和设计方法,以活动为中心,将一连串的活动顺序组合成一个完整的工作进程。接着给出了一个客户端示例代码,使用了jQuery的ajax方法请求一个Jsonp数据。 ... [详细]
  • 本文介绍了使用jQuery实现图片预加载和等比例缩放的方法,同时提供了演示和相关代码。该方法可以重置图片的宽度和高度,并使图片在水平和垂直方向上居中显示。 ... [详细]
author-avatar
blank
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有