JavaScript DHTML/Ext JS/HTML Editor
Create a HTML editor
<html>
<head>
<title>Hello World Window</title>
<link rel="stylesheet" type="text/css" href="ext-3.0.0/resources/css/ext-all.css" />
<script type="text/javascript" src="ext-3.0.0/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="ext-3.0.0/ext-all.js"></script>
</head>
<body>
<script type="text/javascript">
Ext.onReady(function() {
new Ext.FormPanel({
url: "your.php",
renderTo: Ext.getBody(),
frame: true,
title: "Title",
width: 550,
items: [
{
xtype: "htmleditor",
name: "description",
hideLabel: true,
labelSeparator: "",
height: 100,
anchor: "100%"
}
]
});
});
</script>
<div id="div1">asdf</div>
</body>
</html>
HtmlEditor Example
<html>
<head>
<title>Hello World Window</title>
<link rel="stylesheet" type="text/css" href="ext-3.0.0/resources/css/ext-all.css" />
<script type="text/javascript" src="ext-3.0.0/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="ext-3.0.0/ext-all.js"></script>
</head>
<script type="text/javascript">
Ext.onReady(function(){
var formPanel = new Ext.form.FormPanel({
title:"HtmlEditor Example",
applyTo:"mainContent",
layout:"form",
labelAlign:"top",
width:600,
autoHeight:true,
frame:true,
items:[{
xtype:"htmleditor",
id:"bio",
fieldLabel:"Comment",
height:200,
anchor:"98%"
}]
});
});
</script>
<body>
<div id="mainContent">
</div>
</body>
</html>
Html editor in a window
<html>
<head>
<title>Hello World Window</title>
<link rel="stylesheet" type="text/css" href="ext-3.0.0/resources/css/ext-all.css" />
<script type="text/javascript" src="ext-3.0.0/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="ext-3.0.0/ext-all.js"></script>
</head>
<body>
<script type="text/javascript">
Ext.onReady(function() {
Ext.QuickTips.init();
var htmlEditor = {
xtype : "htmleditor",
fieldLabel : "Enter in any text",
anchor : "100% 100%"
}
new Ext.Window({
title : "",
layout : "form",
labelWidth : 100,
height : 300,
width : 640,
bodyStyle : "padding: 5px",
items : htmlEditor
}).show();
});
</script>
<div id="div1">asdf</div>
</body>
</html>