HTML5教程

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

本文主要是介绍【Web前端】富文本编辑器execCommand(“bold“)字体加粗命令无效的原因,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

 document.execCommand("bold")

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

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

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


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

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

document.execCommand("bold");

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

这篇关于【Web前端】富文本编辑器execCommand(“bold“)字体加粗命令无效的原因的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!