Javascript将粗体文本添加到框架中_Javascript

Javascript将粗体文本添加到框架中

javascript

Javascript将粗体文本添加到框架中,javascript,Javascript,我想将粗体添加到（参见插图）。如果我这样做： p:function{ sel = this.getSelection().getRangeAt(0); var caretPosition = sel.endOffset; var existingText = this.iframe[0].contentWindow.document.body.innerText; var before = existingText

我想将粗体添加到（参见插图）。如果我这样做：

        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;
        },

p：函数{
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）；
此.iframe[0].contentWindow.document.body.innerHTML=before
+“****（见插图）****”+之后；
},

然后，我在后面写的所有文本（参见插图）都变为粗体

如果要使用粗体、斜体或其他命令创建可编辑的

iframe

，可以使用基础浏览器命令，通过

execCommand

方法启动这些命令

您可以在这些参考资料中查看更多信息：

所有现代浏览器都支持这些方法。

如果要使用粗体、斜体或其他命令创建可编辑的

iframe

，可以使用基础浏览器命令，通过

execCommand

方法启动这些命令

您可以在这些参考资料中查看更多信息：

所有现代浏览器都支持这些方法。

我提供了一个简单的示例，演示了

execCommand

的工作原理

<iframe id = "my-editable">
    <html>
        <body contenteditable = "true">
        </body>
    </html>
</iframe>

更新

var body = iframeDoc.body;
body.innerHTML = body.innerHTML + '<b>' + 'your bold text' + '</b>' + 'your boldless text'

var body=iframeDoc.body；
body.innerHTML=body.innerHTML++“您的粗体文本”++“您的无粗体文本”

我提供了一个简单的示例，向您展示了

execCommand

的工作原理

<iframe id = "my-editable">
    <html>
        <body contenteditable = "true">
        </body>
    </html>
</iframe>

更新

var body = iframeDoc.body;
body.innerHTML = body.innerHTML + '<b>' + 'your bold text' + '</b>' + 'your boldless text'

var body=iframeDoc.body；
body.innerHTML=body.innerHTML++“您的粗体文本”++“您的无粗体文本”

可能会有帮助吗？可能会有帮助吗？谢谢，我找到了一种使用execCommand的方法，但只有当用户选择文本时。我想要一种预插入粗体字符的方法value@alex1111是否要在

iframe

中添加一些粗体文本？谢谢，我找到了一种使用execCommand的方法，但只有在用户选择文本时才使用。我想要一种预插入粗体字符的方法value@alex1111您想在iframe中添加一些粗体文本吗？谢谢，但我不想将所选文本设置为粗体，我想插入一个粗体文本+粗体文本+粗体文本：）@alex1111这很简单，请稍后查看我的编辑。我尝试了此操作，但出现了一个问题：当我在粗体文本末尾添加更多文本时，此添加的文本也是粗体的，我不希望这样。我意识到问题是什么。当after变量为空->“”时，我将面临此问题。所以现在我添加了一个，没关系：）谢谢谢谢谢谢，但是我不想将所选文本改为粗体，我想插入一个粗体文本+粗体文本+粗体文本：）@alex1111这很简单，稍后再看我的编辑我尝试了一下，但有一个问题：当我在粗体文本末尾添加更多文本时，添加的文本也是粗体的，我不想那样..我意识到问题是什么：当after变量为空->''时，我将面临这个问题。现在我加上一个，没关系：）谢谢