html在线编辑器怎么用

只要你输入任意字元在任意编辑器窗格里，你会立刻发现「网址列」发生了变化，如下图所示，编号1的地方就是你的Bin ID，编号2的地方则是这个Bin的版本编号 (预设会从1开始)，编号3的地方则是目前的显示模式，edit则代表「编辑」模式。预设的情况下，你输入的HTML / CSS / JavaScript都会立刻反映到最右边的Output窗格。

注 :在JS Bin里面，每一个前端网页组合( HTML + CSS + JavaScript )都被称为一个Bin！

当然，只要你把这个Bin设定完成后，便可直接把你当下的JS Bin网址分享出去，非常方便！

导览列介绍

如下图是JS Bin进入后的主要版面，非常简洁，最上方就是个导览列而已，接下来会依图编号解说：

编辑给的id是edit，保存的id是keep，在html里面结构类似，那么问题只能出现在他们绑定javascript函数里面，你再去检查下edit绑定的javascript函数和id绑定的有什么不同，一行一行代码对比下

1、首先在需要嵌入得位置加入以下html代码。

2、其次所有需要提交的内容都放在一个表单里面，同样利用object调用的编辑器也放在这个表单里面，同时可以设置一个隐藏的文本区域(或)用以在提交的时候临时保存html在线编辑器的数据。

3、然后点击插入图片的按钮时d出一个上传图片的窗口，利用自己写的程序来实现上传本机图片到服务器上，需要记录图片的路径，通过html在线编辑器的值中加入显示图片的html标签。

4、在添加的时候将HTML在线编辑器来修改数据提交到数据库后还需要能将数据库的内容用HTML在线编辑器来修改数据。

---