检查段落是否以字符开头,如果是,则在其上应用HTML样式

里奥·梅西

我正在使用textarea编写这样的文本:

%this is my text

%%also text

simple text

%%%last text

如果段落以开头%,则应该显示整行<h1>,如果有2 %%,则应该以整行结束<h2>依此类推,直到<h3>

对于上面的示例,它必须返回:

<h1>this is my text</h1>

<h2>also text</h2>

simple text

<h3>last text</h3>

我已经做到了:

  var result = inputVal.replace('%', '<h1>');

它会在开头替换符号,但我不知道如何在行尾添加结束标记。以及如何计算%可以显示的数量,或其他数量。

这是一种方法吗?

弗兰克·达克斯

function convertToTags(textToConvert) {
    // the current text.
    const str = textToConvert
    // get me the number of the tags.
    const tagsCount = str.split("").filter(x => x === "%").length

    // if no hash signs return the result
    if (tagsCount === 0) return textToConvert;

    // give me the text without the tags
    const text = str.replaceAll("%", "")
    // tie all the pieces together.
    const result = `<h${tagsCount}>${text}</h${tagsCount}>`
    return result;
}

console.log(convertToTags("%this is my text"))
console.log(convertToTags("%%also text"))
console.log(convertToTags("simple text"))
console.log(convertToTags("%%%last text"))

这将适用于h1到hn。

// the current text. 
const str = '%%%last text'
// get me the number of the tags.
const tagsCount = str.split("").filter(x => x === "%").length

// give me the text without the tags
const text = str.replaceAll("%", "")
// tie all the pieces together.
const result = `<h${tagsCount}>${text}</h${tagsCount}>`

您可以将该代码包装在一个函数中

function convertToTags(textToConvert) {
    // the current text.
    const str = textToConvert
    // get me the number of the tags.
    const tagsCount = str.split("").filter(x => x === "%").length

    // if no hash signs return the result
    if (tagsCount === 0) return textToConvert;

    // give me the text without the tags
    const text = str.replaceAll("%", "")
    // tie all the pieces together.
    const result = `<h${tagsCount}>${text}</h${tagsCount}>`
    return result;
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

来自分类Dev

检查两行是否以相同字符开头,如果是,则输出平均值,如果不是,则打印实际值

来自分类Dev

声明不带const的C样式字符串是否不好?如果是这样,为什么?

来自分类Dev

检查字符串数组是否包含值,如果是,则获取其位置

来自分类Dev

Web服务是否应记录响应数据(如果是,则在哪个级别)?

来自分类Java

Java反射-如果以“ get”操作开头,则在“ set”上发生IllegalAccessException

来自分类Dev

如果是,则在满足条件时进行串联

来自分类Dev

检查字符串是否在div jquery的段落内

来自分类Java

是否可以在循环中的每个方法之后检查条件?如果是这样,怎么办?

来自分类Java

我是否正确设置了此BST?如果是这样,我如何在其他方法中使用它?

来自分类Dev

如何交替检查字符,如果是X则用Y替换?

来自分类Dev

检查字符串是否以括号中的数字开头

来自分类Javascript

检查字符串是否以某些内容开头?

来自分类Dev

检查字符串是否以欧元/英镑符号开头

来自分类Python

检查字符串是否以XXXX开头

来自分类Python

检查字符串是否以XXXX开头

来自分类Dev

如何检查NSString是否以某个特定字符开头

来自分类Dev

AEM谓词-如何检查属性是否以/开头的字符串?

来自分类Dev

bash:如何检查字符串是否以“#”开头?

来自分类Dev

检查字符串是否以“!”开头 在POSIX sh中

来自分类Python

如何检查是否在Python中安装了模块,如果没有,则在代码中安装它?

来自分类Java

Java正则表达式:如果缺少则在字符串的开头和结尾添加引号

来自分类Dev

确定字符串中是否包含不在字符列表中的任何字符,如果是,则哪些字符不匹配?

来自分类Dev

在SPSS中排序日期或排序字符串是否更快?如果是这样,减多少?

来自分类Dev

yii2保存,检查是否存在,如果是,则返回ID,如果不存在,则创建(并返回ID)

来自分类Dev

iOS上是否已弃用AUGraph?如果是这样,什么时候?

来自分类Dev

Oracle正则表达式,如果字符串以数字开头,则在开头查找数字长度3。否则,找到末尾有3位数字的数字

来自分类Dev

如果是数组,jQuery的html()方法是否会自动加入参数?

来自分类Dev

如何检查字符串是否以指定的字符串开头?

来自分类Dev

PostgreSQL-检查给定的字符串是否以字符串数组的任何元素开头

TOP 榜单

  1. 1

    来自Microsoft Office加载项taskpane.js的MySQL驱动程序模块的空引用

  2. 2

    HikariPool-1-连接不可用,对于极小的负载服务器,请求在30000ms之后超时

  3. 3

    OpenJDK的和AdoptOpenJDK的区别

  4. 4

    任务':app:minifyReleaseWithR8'.java.lang.NullPointerException的执行失败(无错误消息)

  5. 5

    java.lang.NoClassDefFoundError:无法初始化类org.bytedeco.javacpp.avutil

  6. 6

    是什么在Android的consumer-rules.pro和proguard-rules.pro之间的区别?

  7. 7

    如何优化在Java中这种方法吗?我得到的时间超限

  8. 8

    错误TS1086:一个存取器不能在角9的环境上下文被声明

  9. 9

    java.lang.NoSuchFieldError的:ACCEPT_CASE_INSENSITIVE_VALUES

  10. 10

    如何在exoplayer中播放本地媒体文件的硬编码内容uri

  11. 11

    Keras提前停止回调错误,val_loss指标不可用

  12. 12

    在JavaScript中删除多个对象键值

  13. 13

    请问Spring事务管理工作与Spring WebFlux?

  14. 14

    未定义:grpc.SupportPackageIsVersion7 grpc.ServiceRegistrar

  15. 15

    如何在Python中将字典拆分成多个字典的列表,所有字典的大小均为N

  16. 16

    在IntelliJ IDEA中并行运行测试用例

  17. 17

    Java的无法解析日期的SimpleDateFormat

  18. 18

    tensorflow:仅在可用val_acc的情况下可以保存最佳模型,跳过

  19. 19

    无法装载动态库“libnvinfer.so.6”

  20. 20

    Java反射错误Java.lang.NoSuchMethodException,但是方法存在

  21. 21

    我在android studio中创建了clicker应用。但是,运行时,应用程序在调用“ incrementCount()”后崩溃。为什么?

热门标签

归档