如何解决如何在react.js中为可编辑的div设置粗体按钮
我想在react.js中使用contenteditable div从头开始创建编辑器 div是可编辑的,但是如何添加按钮以使所选文本变为粗体? 我尝试了“ document.execCommand('bold',false,null);”,但无法使其正常工作。
import React from 'react';
const Editor = () => {
return (
<div className="editor">
<div className="toolbar">
<button onclick={(e) => {
document.execCommand('bold',false,null);
e.preventDefault();
}}>b</button>
</div>
<div className="editor-content" contenteditable>
<h1>Test</h1>
<p>Test</p>
</div>
</div >
)
}
export default Editor;
解决方法
道具区分大小写。将onclick
重构为onClick
,并将contenteditable
重构为contentEditable
,此实现应该可以工作
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。