<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<!--Ext js(4.0)官方下载的样式代码库-->
<link href="../ExtJs/resources/css/ext-all.css" rel="stylesheet" type="text/css" />
<!--Ext js(4.0)官方下载的代码库-->
<script src="../ExtJs/ext-all.js" type="text/javascript"></script>
<script type="text/javascript" language="javascript">
Ext.onReady(function () {
var w = new Ext.Window({
height: 400,
width: 600,
title: "类似富文本编辑器",
layout: "fit", //布局方式为fit布局
items: [
{
xtype: "htmleditor",//一个类似第三方的文本编辑器
//enableLists: false,//表示不会显示出来这个列表功能
id: "txt"
}
],
buttons: [
{ text: "拿到编辑器的值", handler: function (b) {
alert(Ext.getCmp("txt").getValue()); //显示拿到的值
}
}
]
});
w.show(); //显示这个窗体
});
</script>
</head>
<body>
</body>
</html>
预览效果如下: