Himalaya
دوشنبه 27 تیر 1390, 04:31 صبح
سلام.
(کدای پایین رو، فقط جهت تست نمایش ادیتور، توی سطری از گرید که تو حالت ویرایش قرار میگیره، نوشتم و هدف ویرایش رکورد تو db نیست)
کافیه بعد از لود المانهای صفحه، id مربوط به textarea رو به CKEDITOR.replace پاس بدید. واسه پیدا کردن id مربوط به textarea و یا asp:TextBox که تو حالت MultiLine قرار گرفته، از Jquery استفاده کردم
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
<script src="ckeditor/ckeditor.js" type="text/javascript"></script>
<script>
$(function () {
var ctlEditor = $('#GridView1 textarea');
if (ctlEditor.attr('id') != null && ctlEditor.attr('id') != undefined) {
CKEDITOR.replace(ctlEditor.attr('id'),
{
extraPlugins: 'uicolor',
uiColor: '#14B8C4',
toolbar:
[
['Bold', 'Italic', '-', 'NumberedList', 'BulletedList', '-', 'Link', 'Unlink'],
['UIColor']
]
});
}
}); </script>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" EnableModelValidation="True"
Width="661px" DataKeyNames="ID" DataSourceID="AccessDataSource1" AutoGenerateEditButton="True">
<Columns>
<asp:TemplateField>
<ItemTemplate>
ID:
<%# Eval("ID")%><br />
Name:
<%# Eval("Name") %><br />
Family:
<%# Eval("Family") %><br />
Description:
<%# Eval("Description")%><br />
<hr />
</ItemTemplate>
<EditItemTemplate>
ID:
<%# Eval("ID")%><br />
Name:
<asp:TextBox ID="txtName" runat="server" Text='<%# Eval("Name") %>'></asp:TextBox><br />
Family:
<asp:TextBox ID="txtFamily" runat="server" Text='<%# Eval("Family") %>'></asp:TextBox><br />
Description:
<asp:TextBox ID="txtDescription" runat="server" Text='<%# Eval("Description") %>'
TextMode="MultiLine" Width="400px" Height="220px"></asp:TextBox><br />
<hr />
</EditItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
<asp:AccessDataSource ID="AccessDataSource1" runat="server" DataFile="~/App_Data/Database.mdb"
SelectCommand="SELECT [ID], [Name], [Family], [Description] FROM [tblTest]">
</asp:AccessDataSource>
</div>
</form>
</body>
</html>
ValidateRequest صفحه رو هم با false ست کنید
http://amir-ajorlo.ir/MyUpFile/barnamenevis/EditorInGrid.jpg