在线HTML编辑器htmlarea简单使用
作者: 胡立新
下例是在JSP文件上运用HTML在线编辑器，使用了struts的标签。在其它环境下应作适当修改。
一、准备:
下载HTMLarea3.0 http://www.jhdown.com/soft/8/141/html/2006220010681.html,解压到web站点的/htmlarea目录下；
二、定义javascript的全局变量及引入js文件:
<script type="text/javascript">
_editor_url = "${pageContext.request.contextPath}/htmlarea/";
_editor_lang = "en";
</script>
<script type="text/javascript" src="${pageContext.request.contextPath}/htmlarea/htmlarea.js"></script>
<script type="text/javascript">
var editor = null;
function initEditor() {
editor = new HTMLArea("content");
editor.generate();
}
</script>
有句editor = new HTMLArea("content");"content"是表单中textarea属性的id，如：
<html:form action="/actionBbsreply.do?method=update" onsubmit="this['content'].value=editor.getHTML();">
<textarea cols="110" rows="15" id="content" name="content">
<bean:write name="bbsreply" property="content"/>
</textarea>
<html:submit value=" 提 交 ">
</html:submit>
</html:form>
三、在body的onload事件中加载initEditor():
如：<body bgcolor="#ffffff" onload="initEditor()">
四、注意点:
1、editor = new HTMLArea("content");参数值是表单中textarea属性id;
2、在body的onload事件中加载initEditor()；
3、表单onsubmit事件调用this['content'].value=editor.getHTML()
五、效果(略)：
（说明：转载时请不要作任何修改）
分享到：
相关推荐
HTMLArea是一套自由的WYSIWYG编辑器, 能取代 < textarea > 栏位. 祇要在妳的网页中加入几列简单的 JavaScript 源码, 就可以把标准的 textarea 换成丰富的文字编辑器, 藉此妳可以: 将文字加上粗体, 斜体, 底线...
版本：3.0-rc1 htmlArea是一款非常优秀的使用简单的编辑器,被使用在CMS系统或其他的WEB系统中
用于Chrome打包应用程序和扩展的存储区域的简单编辑器。 Devtools扩展程序，可在Chrome Apps和Chrome扩展程序中为chrome.storage提供GUI。查找源并在Github上报告问题：...
用于Chrome打包的应用和扩展程序的存储区的简单编辑器 Devtools扩展程序，可在Chrome Apps和Chrome扩展程序中为chrome.storage提供GUI。查找源并在Github上报告问题：...
通过管理面板，所有网页和新闻项目可以很容易地使用所见即所得的编辑器(HTMLArea)修改 易用的通讯功能可让管理员发送邮件到任何一组会员 通过管理面板中配置多个付款方法 可创建模板内显示的即时投票 管理...
·通过管理面板，所有网页和新闻项目可以很容易地使用所见即所得的编辑器(HTMLArea)修改 ·易用的通讯功能可让管理员发送邮件到任何一组会员 ·通过管理面板中配置多个付款方法 ·可创建模板内显示的即时投票 ...
通过管理面板，所有网页和新闻项目可以很容易地使用所见即所得的编辑器(HTMLArea)修改 易用的通讯功能可让管理员发送邮件到任何一组会员 通过管理面板中配置多个付款方法 可创建模板内显示的即时投票 管理员组包括...
通过管理面板，所有网页和新闻项目可以很容易地使用所见即所得的编辑器(HTMLArea)修改 易用的通讯功能可让管理员发送邮件到任何一组会员 通过管理面板中配置多个付款方法 可创建模板内显示的即时投票 管理员组...
表情区域EmojioneArea是一个小型jQuery插件，可让您将任何html元素转换为具有使用Emojione图标功能的简单WYSIWYG编辑器。 最终结果是一个安全的文本/纯文本，其中图像图标将被替换为其Unicode类似物。预览版本3.x...
通过管理面板，所有网页和新闻项目可以很容易地使用所见即所得的编辑器(HTMLArea)修改. 易用的通讯功能可让管理员发送邮件到任何一组会员. 通过管理面板中配置多个付款方法. 可创建模板内显示的即时投票. 管理员...
您可以使用简单BBCode编辑器将bbcode添加到textarea / inputbox / etc。中。 用法 首先，您需要将editor.js插入到html文件中； [removed][removed] 之后，您可以像这样为html元素（按钮，图像，字符串等）赋予函数...
通过管理面板，所有网页和新闻项目可以很容易地使用所见即所得的编辑器(HTMLArea)修改 易用的通讯功能可让管理员发送邮件到任何一组会员 通过管理面板中配置多个付款方法 可创建模板内显示的即时投票 管理员组包括...
打开 编辑器工具栏，开始编辑ClipPoly ，根据要剪切的区域，绘制一个任意形状的多 边形。打开属性表，修改多边形的字段“ID”的值为1，保存修改，停止编辑。 打开 空间分析工具栏 GIS软件应用-ArcGIS 执行命令：...
1、不能向富文本编辑器中粘贴内容 48 2、设置WCM timeout超时值 48 3、一般用户不能访问内容 49 4、页面导航不能分页 49 5、一些portal常见问题 49 6、Portal中调用PUMA SPI管理用户和组信息 51 7、WCM内存溢出的...
ArcGIS Desktop 10.1的十大改进，包括发布、动态图例、索引型标注、Goedatabase管理器、新的制图综合工具、增强对KML的支持、GPX转要素、地理标记照片转点、编辑追踪和搜索坐标系。 【大家自行百度】 1） 搜索功能 ...
因为FrontPage Extensions本身使用了.htaccess，因此你不能编辑它并加入你自己的信息。如果确实有这方面的需要（并不推荐，但是可能），你应该先从服务器上下载.htaccess文档（如果存在），之后在前面加上你的代码。...
6.Flash查看（View）菜单中，Work Area表示？ A. 将作品编辑区域以“工作区”方式显示 B. 在编辑区域中显示标尺 C. 在编辑区域中显示底格辅助线 D. 设置“磁铁”功能 7.Flash5中,Common Library默认共有几类公用...