html在线编辑器是什么原理，怎么弄的？

好象用html的可输入框 Input 或textarea给合不出在线编辑器的效果，那它是怎么弄出来的？

解决方案 »

  1.   

    基本概念
    是设置 HTML中的显示区域处于design状态
    剩余就是写js调用控制
      

  2.   

    把下面的内容存成一个HTML，然后打开就可以象在编辑器里一样编辑了，包括操作图片。也可以向里面复制粘贴一些内容<div contentEditable='true'>
    在这里继续随便输入文字:</br>
    还可以缩放下面的图片</br>
    <img src='http://avatar.profile.csdn.net/A/9/7/2_theforever.jpg' />
    </div>
      

  3.   

    楼上正解网上有很多例子通常是用 div 或者 iframe 来实现的
      

  4.   

    用IFRAME设置 src="data:text/html,..."省略的地方为一段HTML的encodeURIComponent编码
    如encodeURIComponent("<html><body style='margin:0;padding:0;'></body></html>");