Question

我正在尝试创建一个极简单的富文本编辑器，它将所选文本包装在bbcode标记中。

使用Javascript：

<script type="text/javascript">
function wrapText(elementID, openTag, closeTag) {
    var textArea = document.getElementById(elementID);

    if (typeof(textArea.selectionStart) != 'undefined') {
        var begin = textArea.value.substr(0, textArea.selectionStart);
        var selection = textArea.value.substr(textArea.selectionStart, textArea.selectionEnd - textArea.selectionStart);
        var end = textArea.value.substr(textArea.selectionEnd);
        textArea.value = begin + openTag + selection + closeTag + end;
    }
}
</script>

HTML：

<form action="" method="POST">
<button type="button" onclick="wrapText('edit','[b]','[/b]');" >B</button>
<button type="button" onclick="wrapText('edit','[i]','[/i]');" >I</button>
<button type="button" onclick="wrapText('edit','[u]','[/u]');" >U</button><br />
<textarea id="edit" name="message" rows="10" cols="50">
This is some example text.
</textarea><br />
<br /><input type="submit" class="submit" value="Submit" />
</form>

这似乎在大多数情况下都可以正常工作，除了在IE中它只能在版本10中使用。

JSFiddle

我可以添加或更改哪些内容以使其更兼容跨浏览器，以便它可以与IE 8一起使用？

我并不反对使用jQuery，但我真的不愿意，除非它真的是this complicated没有它。

用bbcode标签包装选定的文本

0 个答案: