innerHTML 是一个属性,可以取得或者设定该元素内的 HTML 内容,可以是任意能包含 HTML 子节点的元素都使用它
pasteHTML()是一个方法,在指定的文字区域内替换该区域内的文本或者HTML,该方法必须应用于一个 createTextRange() 或者 document.selection.createRange() 创建的区域上
例:
<Script Language="JavaScript">
function addLink(){
var oRange = document.selection.createRange();
if(oRange.text!=''){
var oUrl = window.prompt('链接网址...','http://www.163.com/');
var oHtml = '<a href='+oUrl+' target=_blank>'+oRange.text+'</a>';
oRange.pasteHTML(oHtml);
}else{
window.alert('您没有选择加链接的文字!');
}
}
</Script>
网易 新浪 搜狐<br><br>
<input type="button" value="添加链接" onclick="addLink();">
相关推荐
在JavaScript中,innerHTML和pasteHTML都是用于操作HTML文档对象模型(DOM)的两个关键特性,但它们在使用和功能上存在显著的区别。 innerHTML属性是一个非常常用的方法,它允许我们获取或设置HTML元素内部的全部...
总的来说,"ckeditor_notion_pastehtml"项目展示了如何利用JavaScript和CKEditor的API来改进用户体验,特别是在处理复杂HTML粘贴场景时。它提醒我们,尽管富文本编辑器提供了很多便利,但定制化的需求总是存在的,而...
此外,文章中还提到了innerHTML和pasteHTML()方法的区别。innerHTML是HTML元素的一个属性,它用于获取或者设置元素内的HTML内容。而pasteHTML()是DocumentSelection对象的一个方法,用于在指定的文字区域内替换该...
Ebody.innerHTML=Ebody.innerHTML.replace(_Text,_CText); }else{ if(confirm('没有选择清除对象,是要清除全部格式,仅保留基本文字?')){ Ebody.innerText=Ebody.innerText } } break; case 12: E...
例如,IE不支持`getSelection().insertNode()`,而是使用`document.selection.createRange().pasteHTML()`。因此,我们需要针对每种浏览器实现不同的插入逻辑,以确保在所有浏览器中都能正常工作。 为了在编辑器中...
例如,使用`document.querySelectorAll`或`document.querySelector`结合`textContent`属性和正则表达式,找出所有包含关键词的文本节点,然后替换它们的父元素的`innerHTML`,或者使用`Element.replaceChild`方法...
通常,更推荐使用`Element.textContent`和`Element.innerHTML`结合`Range`对象和`Node`操作来实现,或者使用CSS类和`classList.add()`、`classList.remove()`方法来切换样式。 例如,你可以创建三个不同的CSS类,...
由于replace方法返回一个新的字符串,所以ele的innerHTML将会被替换成带有标签的新字符串,后者将匹配项高亮显示为红色字体。 需要注意的是,在使用正则表达式时,可能会出现关键字被部分匹配的情况。例如,若...
3. 创建一个范围对象,并使用`pasteHTML`方法将指定的HTML插入到当前光标位置。 ##### `appendHTML(html)` **功能描述**:此函数用于在编辑器内容的末尾追加指定的HTML。 **参数**: - `html`:要追加的HTML字符串...
$('at' + cur_index).innerHTML = "@" + this.innerHTML; $('at_box').style.display = 'none'; at_index++; }; vm.check_key = function(e) { var editor = $('editor'), range; if (e.shiftKey && e....
ele.innerHTML = ele.innerHTML.replace(reg, "$1</font>"); } window.onload = function() { highLight(document.getElementsByTagName("p")[0], "li,jin"); } // --> <p>liujinzhong liujinzhong ...
为了替换选中文本,我们创建一个新的`H1`元素,并设置其`innerHTML`为`text`,然后使用`r.insertNode(h1)`将其插入到选区,注意,这将在选区后追加新元素,若要替换原有内容,需先调用`sel.deleteFromDocument()`。...
document.documentElement.innerHTML 第一个style标签 document.styleSheets[0] style标签里的第一个样式 document.styleSheets[0].rules[0] 防止点击空链接时,页面往往重置到页首端。 ()">word 上一网页...