`
shenwa12
  • 浏览: 903 次
  • 来自: 杭州
最近访客 更多访客>>
社区版块
存档分类
最新评论

关于iframe做一个文本编辑器移除无效font标签

 
阅读更多
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,在界面上引用编辑器 &lt;iframe ID=...

    一款比较简单的富文本编辑器

    富文本编辑器通常基于浏览器的DOM(Document Object Model)和JavaScript技术构建,它通过在浏览器的内存中创建一个虚拟的文本区域,模拟操作系统中的文本编辑环境。用户在编辑器中输入的文字会实时转化为HTML代码,...

    解决文本编辑器展示样式不一致

    用在线编辑器或许都会存在一个问题,即内容发表后呈现的样式会与编辑时的不一样,原因是编辑器其实是个内嵌的iframe,它里面用的大多是浏览器默认的样式(ckeditor 在其中另外定义了字体以及ul, ol 的缩进值),而...

    简易文本编辑器

    2. **readMe.text**:这是一个说明文件,很可能包含了关于编辑器如何使用、功能介绍和可能遇到的问题等内容,对于用户理解和操作编辑器至关重要。 3. **assets**:这是一个文件夹,通常用来存放编辑器的静态资源,...

    富文本编辑器- wysiwyg

    这篇博客文章可能详细介绍了如何使用或构建一个富文本编辑器。由于没有直接提供博客内容,我会基于富文本编辑器的一般概念和常见功能来展开讨论。 1. **富文本编辑器的基本功能**: - **文本格式化**:包括加粗、...

    关于文本编辑器设置值和获取值

    以下是一个简单的代码示例,展示如何将数据库中的新闻ID和内容传递给文本编辑器: ```html &lt;iframe ID="editor" src="../editor.jsp?NewsID=()%&gt;&tablename=PRODUCT&display=description" frameborder=1 scrolling=...

    富文本编辑器技术文档

    TinyMCE是一款强大的富文本编辑器,它提供了丰富...总的来说,TinyMCE是一个功能强大且灵活的富文本编辑器,适用于多种应用场景。通过恰当的配置和插件开发,可以满足各种复杂的文本编辑需求,提升用户的在线编辑体验。

    富文本编辑器 JS源码及代码示例

    结合layui框架,我们可以构建出一个功能完善、用户体验良好的富文本编辑器。对于想要学习前端开发,特别是JavaScript和layui框架的开发者来说,这是一个非常有价值的资源。通过分析和实践这些源码和示例,可以提升...

    在线文本编辑器

    eWebEditor是一个常见的开源在线文本编辑器,它具有轻量级、易集成的特点。这个飞鱼修改版可能是在原版基础上进行了定制和优化,以满足特定需求或提升性能。eWebEditor支持多种语言,包括简体中文,并且提供了丰富的...

    LayEdit(layer 富文本编辑器使用,包含图片的上传)

    通常,富文本编辑器在上传图片后会返回一个服务器端的图片URL,但有时我们需要处理用户已经存在的本地图片。这时,我们可以使用`uploadLocal`方法,将本地文件转化为URL。 在实际应用中,我们还需要处理图片上传后...

    百度富文本编辑器ueditor上传图片宽高超范围问题2018.7.3补充

    在使用百度富文本编辑器ueditor时,用户可能会遇到一个常见的问题:当上传的图片尺寸超过预设限制时,图片在编辑器内显示不全,同时在网页发布后也可能导致页面布局混乱。为了解决这个问题,本文将提供一个完整的...

    可编辑iframe高度自适应(编辑器所见即所得模式)

    在网页开发中,有时我们需要创建一个可编辑的`iframe`,以便用户能在其中进行文本编辑。这通常涉及到“所见即所得”(WYSIWYG)编辑器的实现,允许用户直观地看到他们的编辑效果。标题提到的“可编辑iframe高度...

    JS实现富文本编辑器JS实现富文本编辑器

    1. **基本结构**:富文本编辑器通常由一个`&lt;textarea&gt;`或隐藏的`&lt;iframe&gt;`作为编辑区域,以及一系列按钮或菜单项组成,用于触发不同的编辑操作。这些按钮对应的事件处理程序会通过JavaScript改变编辑区的内容。 2. ...

    简单js+jquery+iframe富文本编辑器

    手撸简单版前端富文本编辑器。基本原理:由于富文本内容不想收到所在页面或者前端框架的影响,或者说写一个完全单独的纯编辑器,采用原生iframe+js+jquery实现。

    前端轻量级美观富文本编辑器

    在前端开发中,富文本编辑器是一个不可或缺的组件,它允许用户以类似Word的方式在网页上编辑内容。本文将深入探讨“前端轻量级美观富文本编辑器”这一主题,结合给定的文件名,我们将重点讲解富文本编辑器的基本概念...

    富文本编辑

    描述中提到“直接使用IFRAME标签即可添加进去”,这可能是指在ASP页面中,IFRAME可以用来包含一个独立的HTML文档,而这个文档可能是一个包含了富文本编辑器的页面。不过,现代Web开发中更倾向于使用上述的方法,直接...

    富文本编辑器记载

    首先,富文本编辑器通常基于浏览器的DOM(Document Object Model)和JavaScript技术构建,利用iframe或者contentEditable属性来创建一个可编辑区域。通过监听用户的键盘输入、鼠标操作,编辑器可以实时更新内容并...

    网站富文本编辑器Fckeditor在ASP.NET中应用源程序

    富文本编辑器是Web开发中常见的一种组件,它允许用户在网页上进行类似Word的文本编辑操作,如插入图片、格式化文本、添加链接等。在ASP.NET平台上,FCKeditor是一款广泛使用的开源富文本编辑器,它提供了丰富的功能...

Global site tag (gtag.js) - Google Analytics