用iframe做编辑器

最新推荐文章于 2023-12-01 11:23:23 发布
最新推荐文章于 2023-12-01 11:23:23 发布
阅读量1k 收藏
点赞数
分类专栏： JAVA 文章标签： iframe
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yaolong77/article/details/3282709
版权

if(document.frames[1].document.body.innerText.length < 10){
      alert("信息内容太短");
      publishform.infodata.focus();
      return false;
  }

 

 

<IFRAME   src=""about:blank""   NAME=""LatticeTemp""   ID=""LatticeTemp""   CONTENTEDITABLE=""true""   WIDTH=""1""   HEIGHT=""1""></IFRAME>

 

关键是CONTENTEDITABLE=""true"" 属性；

 

document.getElementById("LatticeTemp").innerText innerHtml可以获取内容，

如果不知道id,用document.frames[0].innerText innerHtml可以获取内容

 

咖喱姚
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
javascript开发随笔3 开发iframe富文本编辑器的一点体会
10-28
前段时间有个需求是开发富文本编辑器，这个之前随做过，但看了需求，发现有些地方还需google
html | 基于iframe的简易富文本编辑器
生物信息学专栏
08-19 1028
简易富文本编辑器的原型。
iframe制作富文本编辑器各个浏览器换行的问题
usemysql的专栏
06-13 1221
//在光标所在处创建一个区域. var range=BenEditor.document.selection.createRange(); //将区域的内容设置成为换行符. range.text="\n"; //将区域的起始点向右移动一个字符的长度. range.moveStart("charact
将iframe设置为可编辑状态
Pure_Eyes的博客
12-09 3842
iframe设置可编辑状态时当用iframe.contentWindow.document.body.contentEditable= "true";设置是必须等浏览器加载完iframe后才能起作用，所欲该语句必须放在加载iframe语句后面，放在前面的话会出错，如下 var iframe=document.createElement("iframe"); iframe.id="te";
iframe+monaco editor 实现在线编辑（vue3）
m0_46394444的博客
12-01 1164
monaco editor 结合iframe实现在线编辑
iframe html 编辑器,iframe类型在线编辑器要点
weixin_35503004的博客
06-24 471
正在用新浪blog的ubb图片做一个类似的在线编辑器。两天的成果，已经实现了核心功能，来说说一些注意事项吧，免的后者走弯路。IE平台下产品(暂未做兼容修补)IE5.0以后可以使用 iframe 来做编辑器的载体， 打开设计模式即可，语法:[iframeId].document.desginMode ="on";我只用sina blog 所以sina的UBB我总是用，觉得不错，为了使用现成的素材，就...
IFrame编辑
ice_pick的博客
06-23 313
关于Iframe编辑模式 开启编辑模式 document.getElementById("iframeid").contentWindow.document.designMode = "on"; document.getElementById("iframeid").contentWindow.document.contentEditable = true;
JS实现iframe编辑器光标位置插入内容的方法(兼容IE和Firefox)
10-22
主要介绍了JS实现iframe编辑器光标位置插入内容的方法,可实现文本与图片的插入功能,并兼容IE和Firefox浏览器,需要的朋友可以参考下
UEditor 编辑器跨域上传解决方法
10-27
在使用 UEditor 编辑器 时遇到了跨域的问题，导致无法发图片，原因是由于 iframe 中的 src 跨域造成的
可编辑iframe高度自适应（编辑器所见即所得模式）
03-05
之前做过高度自适应，但是始终效果不理想，后来看到一个比较好的办法，实现了之后，特保留一份模板，方便以后类似应用，测试过firefox，chrome，ie8，safari
CodeMirror-v1:JavaScript中基于可编辑iframe的代码编辑器。 见https
04-12
代码镜像 该存储库不再维护。 所有开发工作已转移到 。
简单js+jquery+iframe富文本编辑器
最新发布
03-29
手撸简单版前端富文本编辑器。基本原理：由于富文本内容不想收到所在页面或者前端框架的影响，或者说写一个完全单独的纯编辑器，采用原生iframe+js+jquery实现。
iframe html 编辑器,在iframe中使用富文本编辑器wangEditor
weixin_35715235的博客
06-24 780
自己做的邮件项目里面需要使用到富文本编辑器，邮件内容说白了就是HTML代码。前任使用的是wangEditor，部分定制化需求就是直接改的源码。最近发现有的用户的邮件内容加进去的很多css信息，比如为了做样式的隔离，所以我们查看邮件内容时使用了iframe，这样邮件内容的样式和我们邮件系统的样式不会发生相互影响。但是前任在新建、编辑邮件时没有使用iframe，当时就很纳闷，为什么没有使用呢？编辑邮件...
iframe实现编辑器
01-04 683
1、html中定义 2、js中创造内容 参考http://blog.csdn.net/cuew1987/article/details/9374563 var eleEditor = $('#Editor').get(0); // 不需要兼容contentWindow所以浏览器都支持，contentDocument Firefox和IE8+支持 var edito
在IFRAME中编辑（HTML文本在线编辑器原理之一）
ZetaChow
09-27 2892
editarea.document.designMode="on";function a(){ alert(editarea.document.body.innerHTML);} 
【实战】iframe实用之网页导航、代码编辑器
小管打天下的博客
09-04 287
ifram特性： 点击链接、提交表单可在ifram窗口里跳转 一、网页导航 <div class="wrap"> <aside class="aside-wrap"> <ul class="nab-list"> <li class="nav-item"> <a href="https//www.jd.com" target="navIframe" class="nav-lk"
JS获取TEXTAREA的值
姚某人的博客
12-29 5778
if(document.all[subsystemtypedesc].value.length > 100){  alert(document.all[subsystemtypedesc].value.length);  alert(接入系统描述字数过长！);  sysTypeEdit.subsystemtypedesc.focus();  return false; }
iframe实现在线编辑器
09-06
引用中提到了使用JavaScript来实现在iframe编辑器中插入内容的方法。该方法可以通过获取iframe元素的document对象，然后使用document的相关方法来插入内容。 在实现iframe在线编辑器时，可以使用以下步骤： 1. 在...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值