效果图
- 支持: 选中后 ctrl+I 斜体
代码
思路就是在iframe种嵌套html和css。
<pre>
- 支持: 选中后 ctrl+I 斜体
- todo: 鼠标实现单击斜体
</pre>
<iframe name="richedit" style="height:30%; width:100%;"></iframe><script>
window.addEventListener("load", ()=>{frames['richedit'].document.body.innerHTML="<b>hello</b> <span style='color:red'>world</span>! From js";frames['richedit'].document.designMode="on";//frames[0].document.designMode="on"
})
</script>
进一步完善 todo
- 鼠标实现单击斜体。
- 添加控制按钮,通过 postMessage 进行父子窗口的通信。
- 选中文字的获取和修饰