求帮助，如何在文章的每个段落的前面加四个空格

作者：打个的故事 | 来源：互联网 | 2023-09-16 13:32

有文本输入框：<textareanamechapterContentcols80rows20><textarea

有文本输入框：

JS：
function clearContent(){
    var newContent = document.getElementById("chapterContent").value;
    if(newCOntent==""){
return;
}
else
{
var regx=/\n\s*\r/gmi;
        //去除多余空行
var newStr=newContent.replace(regx,"");
//将新内容写入textarea
document.getElementById("chapterContent").value =newStr;
}
}

现在能够删除多余的空行了

但是如果段落前面有多个空格或是一个空格都没有，如：
aaaaaa
             aaaaaaaaaa
   aaaa
现在我想要让每个段落最前面无论有无空格，现在全部变为有4个空格，如：
    aaaaaa
    aaaaaaaaaa
    aaaa
应该怎么做，谢谢。。

8 个解决方案

#1

给个思路也好

#2

没人帮算了，谁随便回一句就结贴了

#3

text-indent
padding-left 都可以

#4

算了，我自己研究下

#5

这个要先能判断是否是一个段落的开始（比如换行 /n）,可以给换行（/n）replace为（/n 空格*4）;

#6

正则替换所有开头空格

css 设置 text-indent:2em

#7

引用 5 楼 wanglei19880622 的回复:

这个要先能判断是否是一个段落的开始（比如换行 /n）,可以给换行（/n）replace为（/n 空格*4）;

谢谢，已按此方法完美解决！！！
第一行没有\n的情况，直接添加一个\n标记，处理完成后再删除\n

#8

引用 6 楼 hch126163 的回复:

正则替换所有开头空格

css 设置 text-indent:2em

是的，直接/\n */g替换就行了

谢谢

推荐阅读

ip
Voicewo在线语音识别转换jQuery插件的特点和示例

本文介绍了一款名为Voicewo的在线语音识别转换jQuery插件，该插件具有快速、架构、风格、扩展和兼容等特点，适合在互联网应用中使用。同时还提供了一个快速示例供开发人员参考。 ... [详细]

蜡笔小新 2023-12-13 20:01:16
ip
Html5-Canvas实现简易的抽奖转盘效果

本文介绍了如何使用Html5和Canvas标签来实现简易的抽奖转盘效果，同时使用了jQueryRotate.js旋转插件。文章中给出了主要的html和css代码，并展示了实现的基本效果。 ... [详细]

蜡笔小新 2023-12-13 06:02:20
copy
PHP图片截取方法及应用实例

本文介绍了使用PHP动态切割JPEG图片的方法，并提供了应用实例，包括截取视频图、提取文章内容中的图片地址、裁切图片等问题。详细介绍了相关的PHP函数和参数的使用，以及图片切割的具体步骤。同时，还提供了一些注意事项和优化建议。通过本文的学习，读者可以掌握PHP图片截取的技巧，实现自己的需求。 ... [详细]

蜡笔小新 2023-12-14 16:44:09
text
java 线程死锁模拟

1，关于死锁的理解死锁，我们可以简单的理解为是两个线程同时使用同一资源，两个线程又得不到相应的资源而造成永无相互等待的情况。 2，模拟死锁背景介绍：我们创建一个朋友 ... [详细]

蜡笔小新 2023-12-13 19:12:25
text
深入理解CSS中的margin属性及其应用场景

本文主要介绍了CSS中的margin属性及其应用场景，包括垂直外边距合并、padding的使用时机、行内替换元素与费替换元素的区别、margin的基线、盒子的物理大小、显示大小、逻辑大小等知识点。通过深入理解这些概念，读者可以更好地掌握margin的用法和原理。同时，文中提供了一些相关的文档和规范供读者参考。 ... [详细]

蜡笔小新 2023-12-12 18:01:10
ip
MooTools和JQuery并排 - MooTools and JQuery Side by Side

IjustinheritedsomewebpageswhichusesMooTools.IneverusedMooTools.NowIneedtoaddsomef ... [详细]

蜡笔小新 2023-12-12 13:43:58
ip
小程序wxs中的时间格式化以及格式化时间和date时间互转

本文介绍了在小程序wxs中进行时间格式化操作的问题，并提供了解决方法。同时还介绍了格式化时间和date时间的互相转换的方法。 ... [详细]

蜡笔小新 2023-12-11 12:21:25
ip
HTML5网页模板怎么加百度统计？

本文介绍了如何在HTML5网页模板中加入百度统计，并对模板文件、css样式表、js插件库等内容进行了说明。同时还解答了关于HTML5网页模板的使用方法、表单提交、域名和空间的问题，并介绍了如何使用Visual Studio 2010创建HTML5模板。此外，还提到了使用Jquery编写美好的HTML5前端框架模板的方法，以及制作企业HTML5网站模板和支持HTML5的CMS。 ... [详细]

蜡笔小新 2023-12-11 12:06:41
window
《JavaScript高等顺序设计》进修笔记：JavaScript中的事宜流和事宜处置惩罚顺序

JavaScript和HTML之间的交互是经由过程事宜完成的。事宜：文档或浏览器窗口中发作的一些特定的交互霎时。能够运用侦听器（或处置惩罚递次来预订事宜），以便事宜发作时实行相应的 ... [详细]

蜡笔小新 2023-12-11 11:40:52
jsp
ECMA262规定typeof操作符的返回值和instanceof的使用方法

本文介绍了ECMA262规定的typeof操作符对不同类型的变量的返回值，以及instanceof操作符的使用方法。同时还提到了在不同浏览器中对正则表达式应用typeof操作符的返回值的差异。 ... [详细]

蜡笔小新 2023-12-10 17:31:51
ip
【机器学习】生成式对抗网络模型综述

生成式对抗网络模型综述摘要生成式对抗网络模型(GAN)是基于深度学习的一种强大的生成模型，可以应用于计算机视觉、自然语言处理、半监督学习等重要领域。生成式对抗网络 ... [详细]

蜡笔小新 2023-12-14 17:51:18
ip
Linux下Perl的安装及第一个程序运行

本文介绍了在Linux下安装Perl的步骤，并提供了一个简单的Perl程序示例。同时，还展示了运行该程序的结果。 ... [详细]

蜡笔小新 2023-12-13 18:29:11
ip
FineReport平台数据分析图表显示部分系列接口的应用场景和实现思路

本文介绍了FineReport平台数据分析图表显示部分系列接口的应用场景和实现思路。当图表系列较多时，用户希望可以自己设置哪些系列显示，哪些系列不显示。通过调用FR.Chart.WebUtils.getChart("chartID").getChartWithIndex(chartIndex).setSeriesVisible()接口，可以获取需要显示的系列图表对象，并在表单中显示这些系列。本文以决策报表为例，详细介绍了实现方法，并给出了示例。 ... [详细]

蜡笔小新 2023-12-12 15:32:43
ip
js调用函数时传入的参数个数与函数定义时的参数个数不符时的操作

在JavaScript中，函数没有重载的概念，如果声明了多个重名的函数，不管函数的形参个数是否一样，只有最后一个有效。如果调用函数时传入的参数个数与函数定义时的参数个数不符，会出现不同的情况。函数调用时，传入的参数个数少于函数定义时的参数个数，未传入的参数会被当做undefined处理，可能会导致错误。而传入的参数个数多于函数定义时的参数个数，多余的参数不会被使用，但不会报错。 ... [详细]

蜡笔小新 2023-12-11 14:48:06
utf-8
JS实现一键分享功能

本文介绍了如何使用JS实现一键分享功能，并提供了2019独角兽企业招聘Python工程师的标准。同时，给出了分享到QQ空间、新浪微博和人人网的链接。 ... [详细]

蜡笔小新 2023-12-10 19:55:57

打个的故事

这个家伙很懒，什么也没留下！

Tags | 热门标签

RankList | 热门文章