javascript – contentEditable,CTRL-B CTRL-I和保存

前端之家收集整理的这篇文章主要介绍了javascript – contentEditable,CTRL-B CTRL-I和保存前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我刚刚开始使用contentEditable,并且没有找到有关它的全面信息.

我注意到在Chrome中,我可以通过按CTRL-B和CTRL-I来拼写粗体/斜体.

这可能是其他浏览器中的预期行为吗?例如,这适用于Chrome:

<div class="container" id="typer" onclick="this.contentEditable='true';">

http://jsfiddle.net/uk6DA/15/

我想知道我是否可以阅读这种格式,以保存用户的编辑?另外,我可以创建一个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)

猜你在找的JavaScript相关文章