对文本框里的部分文字加粗或背景色

各位大侠,我想用vuejs和flask做一个类似留言本的功能,我希望用户在留言的时候能对部分留言文字加粗或者加背景色,请问这个怎么实现?我不想用富文本框,因为不能定制,不方便我排版。我只想用原始的办法实现

阅读 4.6k
4 个回答

随便一个HTML标签,加上contenteditable属性。

碰到过一个需求,输入框输入关键字,搜索到的列表里,让输入框里匹配的关键字高亮,做法是用到了正则替换匹配,将列表里的存在的关键字找出来,并将整个列表写出富文本格式,然后页面展示这个新的列表

1.获取用户想要加粗的文字(一般应该是选中,点击加粗按钮)
2.点击加粗按钮时,正则匹配评论中的文字,匹配到文字拼接一个b标签

1 类似于古老的论坛UBB留言,可以搜索一下
2 给标签启用contenteditable,自己实现一下加粗和背景色即可
3 “不想用富文本框,因为不能定制”。。就你描述的这两个小功能,任意一个富文本框都是轻松实现,把富文本编辑器的操作留下自己想要的就行了,几秒钟的事。

推荐问题
宣传栏