【Web前端】富文本编辑器execCommand(“bold“)字体加粗命令无效的原因

document.execCommand("bold")

命令一直不生效,我还以为要自己写获取所选文本的代码

后来才发现触发 document.execCommand("bold")命令的事件方法必须绑定在【button】标签上

我之前是绑定在【li】标签


execCommand使用的方法非常简单,但我也搞了半天才懂,因为搜了很多资料都没说只能绑定button按钮

1、在触发按钮上绑定方法,方法代码如下

document.execCommand("bold");

2、在编辑器中选取要加粗的文本,然后点击加粗按钮

关于execCommand,推荐一个非常不错的网站,可以直观看到具体命令的效果和你的浏览器支持哪些命令

猜你喜欢

转载自blog.csdn.net/Dawson_Ho/article/details/123100812
今日推荐