HTML在线编辑器不需要懂得使用Dreamweaver，会用Word就会使用此编辑器，在文章系统或者是新闻系统需要文字编辑的web程序中非常实用。
但是如何将html编辑器嵌入到web页中和怎么取得里面的数据呢？！
首先我们假定我们所要调用得HTML在线编辑器放在一个单独得页面中，文件名是gledit.htm。
HTML在线编辑器有两种基本调用方法：
一、使用object调用:
1、怎么在web页中嵌入html编辑器：我们在需要嵌入得位置加入以下html代码：
其中object标签里面得data后面接得数据就是我们所要调用得在线编辑器页得路径，id就是我们调用object得id，后面取编辑器中得数据时就要用到这个id。Width和height就是编辑器得高度和宽度了。
2、怎么取得html编辑器中的数据：所有需要提交的内容我们都是放在一个表单里面，同样利用obje ct调用的编辑器也放在这个表单里面，同时我们可以设置一个隐藏的文本区域(
或
)用以在提交的时候临时保存html在线编辑器的数据，因为在as p或者jsp，php中不能直接获取表单中的object的内容，所以我们必须借助隐藏文本区域来获取数据。我们在表单提交的同时将object里面的内容复制到隐藏的文本区域中。详细代码如下：
这样在后台处理的页面中我们就可以直接通过取隐藏区域content的数据来获取html在线编辑器的数据。
3、怎么在文本编辑器中加入上传本机图片到html在线编辑器中：首先我们使得在点击插入图片的按钮时弹出一个上传图片的窗口，我们利用自己写的程序来实现上传本机图片到服务器上，然后我们需要记录图片的路径，然后通过html在线编辑器的值中加入显示图片的html标签。详细说明及代码如下：在编辑器中我们在插入图片的按钮上加入事件
onclick="window.open('img_upload.asp','img_upload','width=481 height=190')"> 在'img_upload.asp'中我们将提交的图片上传到服务器制定目录然后记录图片路径
这样就实现了简单的将上传的图片插入到编辑器中。
4、怎么在编辑修改文章的时候调用HTML在线编辑器来修改数据：当我们把在添加的时候将HTML在线编辑器来修改数据提交到数据库后我们还需要能将数据库的内容用HTML在线编辑器来修改数据。首先我们在表单中加入一个隐藏区域来放置数据库中的内容，例如
或)用以在提交的时候临时保存html在线编辑器的数据，我们借助隐藏文本区域来获取数据。我们在表单提交的同时将object里面的内容复制到隐藏的文本区域中。详细代码如下：
function subchk(cmd)
{
document.form1.content.value= window.content_html.getHTML();
}
在后台处理的页面中我们就可以直接通过取隐藏区域content的数据来获取html在线编辑器的数据。
2、怎么取得html编辑器中的数据：所有需要提交的内容我们都是放在一个表单里面，同样利用obje ct调用的编辑器也放在这个表单里面，同时我们可以设置一个隐藏的文本区域(或)用以在提交的时候临时保存html在线编辑器的数据，因为在asp或者jsp，php中不能直接获取表单中的object的内容，所以我们必须借助隐藏文本区域来获取数据。我们在表单提交的同时将object里面的内容复制到隐藏的文本区域中。详细代码如下：
这样在后台处理的页面中我们就可以直接通过取隐藏区域content的数据来获取html在线编辑器的数据。
3、怎么在文本编辑器中加入上传本机图片到html在线编辑器中：首先我们使得在点击插入图片的按钮时弹出一个上传图片的窗口，我们利用自己写的程序来实现上传本机图片到服务器上，然后我们需要记录图片的路径，然后通过在调用html在线编辑器的web页中写一个函数在光标的位置插入显示图片的htm l标签。详细说明及代码如下：
在编辑器中我们在插入图片的按钮上加入事件
onclick="window.open('img_upload.asp','img_upload','width=481 height=190')">
在调用编辑器的页面中我们定义好插入html代码到编辑器的函数
在处理上传图片的文件中，我们调用父窗口的函数插入html代码
这样就实现了简单的将上传的图片插入到编辑器中。
4、怎么在编辑修改文章的时候调用HTML在线编辑器来修改数据：当我们把在添加的时候将HTML在线编辑器来修改数据提交到数据库后我们还需要能将数据库的内容用HTML在线编辑器来修改数据。首先我们在表单中加入一个隐藏区域来放置数据库中的内容，例如
，
在这里我们在调用编辑器的iframe里面加上
，这样在页面装载完的时候就可以将数据库中的内容放入HT ML在线编辑器中编辑了，提交过程和上面介绍的一样，在此就不赘述了。
这里只是简单的向大家介绍了一下如何来调用html在线编辑器，具体代码并未一一列出，整理过程中，如果大家对文章中的内容有任何问题和建议请和我联系。
html网页编辑代码大全详细使用方法 添加音乐 注册会员登录首页开通窝窝QQ-交流群站内娱乐颜色代码搜索帖子《声色具全》Summer°啦啦之乖乖宝贝啦啦&毛毛《简粉粉色》莫晓晓《简约蓝色》莫晓晓rose.《简约灰色》莫晓晓圣诞女孩【星期⒏音乐论坛】用心聆听,这里有你想要的声音。?【资源共享】?【论坛HTML帖子常用代码】-发现代码贴好看，不懂的，有兴趣的可以研究下。 网页搜索站内搜索搜索 返回列表回复发帖 发新话题发布投票发布悬赏发布辩论发布活动发布视频发布商品沵旳＂唯１。发短消息 加为好友 沵旳＂唯１。(只能a1自己。)当前离线 那些所谓d2情〃 UID21618帖子866精华42积分9318威望976金钱3587贡献1450阅读权限150性别女来自寂’在线时间248小时注册时间2009-11-29最后登录2010-3-1 ?星期⒏管理版主? UID21618帖子866精华42积分9318威望976金钱3587贡献1450阅读权限150性别女来自寂’在线时间248小时注册时间2009-11-29最后登录2010-3-1 【楼主】 打印字体大小:tT发表于2010-1-2114:53|只看该作者踩窝 窝送礼物问候Ta【论坛HTML帖子常用代码】-发现代码贴好看，不懂的，有兴趣的可以研究下。 关于“html图片移动...”的内容 本站搜索更多关于“html图片移动代码”的内容 本帖最后由沵旳＂唯１。于2010-1-2114:54编辑 一、文字标记 基本代码如下：
10个最棒的jQuery和HTML所见即所得编辑器插件 HTML5所见即所得WYSIWYG(What You See Is What You Get)编辑器的需求量是非常大的。但是现在有太多这样的编辑器了，想要从其中找到一个合适的并不容易。 今天这篇文章为大家分享10个我认为是十分棒的所见即所得插件，应该有适合你的需求并能节省你时间的。 1.Froala Froala所见即所得HTML编辑器非常易于整合和使用。它几乎不需要你掌握任何代码知识。它需要jQuery1.11.0或者更高版本、以及Font Awesome4.4.0字体图标的支持。除了整合的UX以及UI外，还提供了很好的XSS攻击保护。 特点： ?文件压缩后34K ?行内编辑 ?支持键盘快捷键 ?要求基本的HTML和JavaScript知识 ?深浅两种主题 ?对移动端做了优化
?支持Word ?34种语言支持以及RTL(Right to Left)从右向左支持 2.ContentTools ContentTools是一个小而美的内容编辑器。该库不需要任何JavaScript框架或库的支持(包括jQuery)，但是却表现很好。ContentTools包由5个库组成，每一个都可以单独使用，并且该插件易于扩展。 特点： ?压缩后49KB ?行内编辑 ?可以调整图片和视频大小 ?支持撤销/重做(undo/redo) 3.Raptor Editor
Raptor Editor是一个开源的JavaScript所见即所得HTML编辑器，对用户友好，易于集成和定制。它为行内编辑而设计，是复杂的多块布局的理想选择。它所用最新的技术如HTML5ContentEditable及jQuery，特性有内置单元测试、模块化、可扩展及插件API。 特点： ?支持行内编辑 ?灵活的对接选项 ?可定制的主题 ?良好的文档 4.Aloha Aloha是一个多功能的内容编辑库。它允许在你的WEB应用中无缝的嵌入编辑。 主要缺点是不支持图片插入。 特点：
30 个把数据可视化的简单工具 s Big Data 的重要性与日俱增，许多企业的资料库内都收集了非常多消费者资料，但要将这一笔笔冷僻又繁杂的数字与名目资料转化为有价值、为企业带来效益的策略拟定参考，需要倚赖资料科学家的脑袋与适当的统计软体，再把结果图表化，让一般企业、大众都看的懂，也就是「看图说故事」与「数字会说话」两者的结合。 但有哪些简单又实用性高、不需要专业的编码知识、也不需要特别的训练就可以用的软体呢？以下介绍30 个着名的资料图表化软体给大家参考，想要让顾客听懂你在说什么、说服你的客户就靠它们了！ 1. iCharts
iCharts 是能够连接市场研究出版者、经济及产业面的资料和专业的消费者的平台，拥有数以万计的图表，涵盖层面包刮商业、经济、运动和其他类别，它让大众能够简单的了解并能够跟上世界最新统计资料的脚步。 为了拥有庞大的资料量，它提供以云端为基础和受专利保护的图表工具，让企业和个人都能推出品牌、行销以及用图表分享他们的资料，透过网站分享给数百万的人。很棒的是，iChart 提供免费帐户给使用者，让你能够使用基本的互动是图表，当你花钱购买更进阶的版本，你就能使用更多不同的功能；图表本身是具有互动性的，因此可以从Google Docs、Excel spreadsheet 和其他来源撷取。 2. Fusion Charts Suit XT
Fusion Charts Suit XT 是一个专业的、进阶版的JavaScript chart library，让我们能够建出任何形式的图表。 採用SVG（Scalable Vector Graphics，可缩放向量图形）和支持超过90 种以上的图表类型，包括3D、甘特图（gantt）、各种不同的压力表图（gauges chart）、漏斗图（funnel chart），甚至世界/ 各州/ 个国家的地图。同样地，大部分的图表包含2D 及3D 的视图，图表是完全可客制化的，标籤、字体、边界等等全部都是可以依使用者作改变。 除此之外，他们也重视工具间的互动性，提示框（tooltips）、向下延伸资料（drill down）、可点选的图例关键字（legend keys）、缩放及上下捲动，以及一次按键进行图表输出或列印。 3. Modest Maps
文本编辑器应用总结 一．lhgeditor文本编辑器 lhgeditor组件文件结构： 1. lhgeditor.js：组件的核心JS文件 2. lhgeditor.css：组件的样式表文件 3. images：组件所需的图片都在此文件夹中 以上三个文件为组件所必须的三个文件，组件包中其它以“_”开头的文件为示例的演示文件，实际使用中不需要这些文件。当然框架核心文件lhgcore.js是每个组件都必须用到的文件，记得加载组件前先要加载此文件。 lhgeditor组件使用说明： 1. 在调用组件的页面加载lhgcore.j s和lhgeditor.js两个文件。 2. 在window.onload函数里加入J.editor.add(编辑器的id).init(); 例：
二．nicEdit文本编辑器 再引入三个js文件ueditor.all.js、ueditor.config.js、lang/zh-cn/zh-cn.js，一定是在以上代码之后引入。 在需要使用编辑器的位置，添加代码如下：