我刚刚开始使用contentEditable,并且没有找到有关它的全面信息.
我注意到在Chrome中,我可以通过按CTRL-B和CTRL-I来拼写粗体/斜体.
这可能是其他浏览器中的预期行为吗?例如,这适用于Chrome:
<div class="container" id="typer" onclick="this.contentEditable='true';">
我想知道我是否可以阅读这种格式,以保存用户的编辑?另外,我可以创建一个Bold按钮和Italic按钮来触发CTRL-B和CTRL-I吗?或者我需要依赖用户按CTRL-B和CTRL-I(这意味着向他们提供一个告诉他们的注释)?
解决方法
这是所有主流浏览器的标准配置.在所有主流浏览器中,还有通过document.execCommand()提供的键盘快捷键的程序化等效项.例如,粗体和斜体命令可以执行如下:
document.execCommand("Bold",false,null); document.execCommand("Italic",null);
但是,生成的标记因浏览器而异.例如,粗体的变体包括< b> foo< / b>,< strong> foo< / strong>和< span style =“font-weight:bold”> foo< / span>.
参考文献:
> MSDN,list of commands
> MDN(Mozilla)