Feedback & Discuss
uuHEdt(在线网页编辑器)


RMT

uuHEdt(在线网页编辑器)已经发布在 CodeProject，您可以进入这个链接参与讨论。
关于本网站制作的uuHEdt(在线网页编辑器)的介绍。

uuHEdt(在线网页编辑器)是免费的，基于Web的所见即所得的HTML网页编辑器。 可以非常简单的在您的网站中嵌入可见即所得的网页编辑功能。广泛的支持常见的浏览器如IE, Opera, Firefox, Google Chrome and Safari。
uuHEdt(在线网页编辑器)支持常见的文本设置如黑体，斜体，下划线等。还支持颜色摄取，非常方便的选取颜色。还可以插入图片，甚至设置连接的目标窗口的大小，或是否新窗口打开链接。还可以插入特殊字符，并允许直接编辑HTML网页代码等等。
uuHEdt(在线网页编辑器)是开源软件。基于Code Project Open License (CPOL)。本程序被包含在本网站的另一个产品Super Template content management system（超级模板内容管理系统）中。

uuHEdt(在线网页编辑器)支持功能扩充。很容易方便的加入新的功能。可以添加自己的按钮，添加新的编辑窗口。或用新的图片替代原有的按钮图片，或设置新的现实方式。可以添加多语言，支持动态更换语言。有在线帮助和全功能的演示也。
免费下载源代码和演示代码
Ver 1.0 下载 uuHEdt(已包含FTab) - 102 Kb
*uuHEdt可以和FTab一起工作，请按下面路径存放：
.\uuhedt\uuhedt.js 和其他文件
.\ftab\ftab.js 和其他文件

例子
打开演示页： 演示

怎么使用
1, 在网页head部加入以下：
<script type="text/javascript" src="sftab.js"></script>
<script type="text/javascript" src="uuhedt.js"></script>
* 如果要使用更好的浮动窗口，可以去掉 sftab.js, 然后像下面那样加入 ftab.js。
(确保 ftab目录 和 uuhedt目录放在一起，上面的下载文件就是这样):
<link rel="stylesheet" href="../ftab/ftab.css">
<link rel="stylesheet" href="../ftab/ftab_green.css">
<script type="text/javascript" src="../ftab/ftab.js"></script>
<script type="text/javascript" src="uuhedt.js"></script>

2, 然后在需要加入编辑功能的地方加入 div，注意可以设置大小或样式。
<div id="editor" style="width:100%;height:220px;"></div>

3, 加入 JavaScript 代码去初始化网页编辑器。
<script type="text/javascript">

function initEdt(){
var edt = UUHEdts.getEditor('editor');
edt.setContent('some html for edit.<br><i>sample text.</i>');
}
window.onload = initEdt;

</script>

实时的例子：

定制按钮和添加新功能
可以在已有的toolbar上添加新的按钮和功能，请参照演示页或在线帮助。