Javascript将粗体文本添加到框架
[英]Javascript add bold text to a frame
问题描述
I want to add bold to the (see illustration). 
我想在上添加粗体（参见插图）。 If I do this: 如果我这样做：
p:function{
sel = this.getSelection().getRangeAt(0);
var caretPosition = sel.endOffset;
var existingText = this.iframe[0].contentWindow.document.body.innerText;
var before = existingText.substring(0, caretPosition);
var after = existingText.substring(caretPosition);
this.iframe[0].contentWindow.document.body.innerHTML= before
+'**<b>**(see illustration)**</b>** ' + after;
},
Then all the text that i write after (see illustration becomes bold). 然后，我写的所有文字（请参见插图变为粗体）。
2 个解决方案
解决方案1
3 已采纳 2014-06-16 09:03:34
If you want to create an editable iframe with Bold, Italic or other commands you can use the underlying browser commands which you can fire through the execCommand method. 如果您想使用粗体，斜体或其他命令创建可编辑的iframe ，则可以使用基础浏览器命令，这些命令可以通过execCommand方法触发。
You could see there resources for more information: 您可以在此处看到更多信息的资源：
https://developer.mozilla.org/en-US/docs/Web/API/document.execCommand https://developer.mozilla.org/zh-CN/docs/Web/API/document.execCommand
https://developer.mozilla.org/en/docs/Rich-Text_Editing_in_Mozilla https://developer.mozilla.org/en/docs/Rich-Text_Editing_in_Mozilla
These method is supported by all modern browsers. 所有现代浏览器均支持这些方法。
解决方案2
1 2014-06-16 09:33:00
I've provided a simple example that shows you how execCommand works 我提供了一个简单的示例，向您展示execCommand工作方式
<iframe id = "my-editable">
<html>
<body contenteditable = "true">
</body>
</html>
</iframe>
JavaScript code: JavaScript代码：
var iframe = document.getElementById('my-editable');
var iframeDoc = iframe.contentWindow.document;
// type and select some text into iframe
// For making selected text to be bold, just execute the following command
iframeDoc.execCommand('bold');
UPDATE 更新
var body = iframeDoc.body;
body.innerHTML = body.innerHTML + '<b>' + 'your bold text' + '</b>' + 'your boldless text'
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.