contentEditable,CTRL-B CTRL-I并保存

Dav*_*ave 6 javascript css html5

我刚刚开始使用contentEditable,并且没有找到有关它的全面信息.

我注意到在Chrome中,我可以通过按CTRL- BCTRL- 来使单词粗体/斜体I.

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

<div class="container" id="typer" onclick="this.contentEditable='true';">
Run Code Online (Sandbox Code Playgroud)

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

我想知道我是否可以阅读这种格式,以保存用户的编辑?另外,我可以创建一个Bold按钮和Italic按钮来触发CTRL- BCTRL- I?或者我需要依赖用户按CTRL- BCTRL- I(这意味着向他们提供一个告诉他们的注释)?

Tim*_*own 16

这是所有主流浏览器的标准配置.document.execCommand()在所有主流浏览器中也可以使用键盘快捷键的程序化等效项.例如,粗体和斜体命令可以执行如下:

document.execCommand("Bold", false, null);
document.execCommand("Italic", false, null);
Run Code Online (Sandbox Code Playgroud)

但是,生成的标记因浏览器而异.例如,粗体的变体包括<b>foo</b>,<strong>foo</strong><span style="font-weight: bold">foo</span>.

参考文献: