в 09:59, 26 мая 2010

2010-05-26T09:59:51Z

Admin: 1 версия

2010-05-26T07:21:27Z

1 версия

Новая страница

==Create a HTML editor==



<source lang="html4strict">

<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>

</source>

==HtmlEditor Example==



<source lang="html4strict">

<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>

</source>

==Html editor in a window==



<source lang="html4strict">

<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>

</source>

← Предыдущая	Версия 09:59, 26 мая 2010
(нет различий)

JavaScript DHTML/Ext JS/HTML Editor - История изменений

в 09:59, 26 мая 2010

Admin: 1 версия