function removeUselessFont(nodes, removeStyle) {
for(var i=0; i<nodes.length; i++) {
if( nodes[i].nodeType != 1 || nodes[i].tagName.toLowerCase() != "font" ) continue; //忽略非 FONT 的字节
this.removeUselessFont(nodes[i].childNodes, removeStyle); //先清理子节点,防止漏网之鱼
if( nodes[i].getAttribute("size") == "+0" ) nodes[i].removeAttribute("size"); //无用的字体大小
if( nodes[i].className == "Apple-style-span" ) nodes[i].removeAttribute("class"); //谷歌、苹果浏览器
if( removeStyle ) this.removeStyle(nodes[i], removeStyle);
//删除多余的<font></font>
if( nodes[i].outerHTML.toLowerCase() == '<font>'+nodes[i].innerHTML.toLowerCase()+'</font>' ) {
var children = nodes[i].childNodes;
var newNode = document.createDocumentFragment();
for(var j=0; j<children.length; j++) {
newNode.appendChild(children[j].cloneNode(true));
}
nodes[i].parentNode.replaceChild(newNode, nodes[i]);
/*var parent = nodes[i].parentNode;
if( parent.lastChild == nodes[i] ) {
parent.appendChild(newNode);
} else {
parent.insertBefore(newNode,nodes[i].nextSibling);
}
nodes[i].parentNode.removeChild(nodes[i]);*/
}
}
}
分享到:
相关推荐
新浪文本编辑器,很不错的编辑器,做网站有很多地方都可能会用到 1,要下载文本编辑器。请点击新浪文本编辑器下载, 2,解压后,把文件夹中Edit文件夹夹复制到网站的根目录下, 3,在界面上引用编辑器 <iframe ID=...
富文本编辑器通常基于浏览器的DOM(Document Object Model)和JavaScript技术构建,它通过在浏览器的内存中创建一个虚拟的文本区域,模拟操作系统中的文本编辑环境。用户在编辑器中输入的文字会实时转化为HTML代码,...
用在线编辑器或许都会存在一个问题,即内容发表后呈现的样式会与编辑时的不一样,原因是编辑器其实是个内嵌的iframe,它里面用的大多是浏览器默认的样式(ckeditor 在其中另外定义了字体以及ul, ol 的缩进值),而...
2. **readMe.text**:这是一个说明文件,很可能包含了关于编辑器如何使用、功能介绍和可能遇到的问题等内容,对于用户理解和操作编辑器至关重要。 3. **assets**:这是一个文件夹,通常用来存放编辑器的静态资源,...
这篇博客文章可能详细介绍了如何使用或构建一个富文本编辑器。由于没有直接提供博客内容,我会基于富文本编辑器的一般概念和常见功能来展开讨论。 1. **富文本编辑器的基本功能**: - **文本格式化**:包括加粗、...
以下是一个简单的代码示例,展示如何将数据库中的新闻ID和内容传递给文本编辑器: ```html <iframe ID="editor" src="../editor.jsp?NewsID=()%>&tablename=PRODUCT&display=description" frameborder=1 scrolling=...
TinyMCE是一款强大的富文本编辑器,它提供了丰富...总的来说,TinyMCE是一个功能强大且灵活的富文本编辑器,适用于多种应用场景。通过恰当的配置和插件开发,可以满足各种复杂的文本编辑需求,提升用户的在线编辑体验。
结合layui框架,我们可以构建出一个功能完善、用户体验良好的富文本编辑器。对于想要学习前端开发,特别是JavaScript和layui框架的开发者来说,这是一个非常有价值的资源。通过分析和实践这些源码和示例,可以提升...
eWebEditor是一个常见的开源在线文本编辑器,它具有轻量级、易集成的特点。这个飞鱼修改版可能是在原版基础上进行了定制和优化,以满足特定需求或提升性能。eWebEditor支持多种语言,包括简体中文,并且提供了丰富的...
通常,富文本编辑器在上传图片后会返回一个服务器端的图片URL,但有时我们需要处理用户已经存在的本地图片。这时,我们可以使用`uploadLocal`方法,将本地文件转化为URL。 在实际应用中,我们还需要处理图片上传后...
在使用百度富文本编辑器ueditor时,用户可能会遇到一个常见的问题:当上传的图片尺寸超过预设限制时,图片在编辑器内显示不全,同时在网页发布后也可能导致页面布局混乱。为了解决这个问题,本文将提供一个完整的...
在网页开发中,有时我们需要创建一个可编辑的`iframe`,以便用户能在其中进行文本编辑。这通常涉及到“所见即所得”(WYSIWYG)编辑器的实现,允许用户直观地看到他们的编辑效果。标题提到的“可编辑iframe高度...
1. **基本结构**:富文本编辑器通常由一个`<textarea>`或隐藏的`<iframe>`作为编辑区域,以及一系列按钮或菜单项组成,用于触发不同的编辑操作。这些按钮对应的事件处理程序会通过JavaScript改变编辑区的内容。 2. ...
手撸简单版前端富文本编辑器。基本原理:由于富文本内容不想收到所在页面或者前端框架的影响,或者说写一个完全单独的纯编辑器,采用原生iframe+js+jquery实现。
在前端开发中,富文本编辑器是一个不可或缺的组件,它允许用户以类似Word的方式在网页上编辑内容。本文将深入探讨“前端轻量级美观富文本编辑器”这一主题,结合给定的文件名,我们将重点讲解富文本编辑器的基本概念...
描述中提到“直接使用IFRAME标签即可添加进去”,这可能是指在ASP页面中,IFRAME可以用来包含一个独立的HTML文档,而这个文档可能是一个包含了富文本编辑器的页面。不过,现代Web开发中更倾向于使用上述的方法,直接...
首先,富文本编辑器通常基于浏览器的DOM(Document Object Model)和JavaScript技术构建,利用iframe或者contentEditable属性来创建一个可编辑区域。通过监听用户的键盘输入、鼠标操作,编辑器可以实时更新内容并...
富文本编辑器是Web开发中常见的一种组件,它允许用户在网页上进行类似Word的文本编辑操作,如插入图片、格式化文本、添加链接等。在ASP.NET平台上,FCKeditor是一款广泛使用的开源富文本编辑器,它提供了丰富的功能...