Having an ajax HtmlEditorExtender featured on my webpage has been quite a challenge. I followed the instructions provided here:
The issue arises from the lack of default styling in the extender, resulting in plain buttons sans images or any visual appeal. While searching for the elusive "Editor.css" page mentioned at this link: http://www.asp.net/ajaxlibrary/act_HTMLEditor.ashx, it appears to be non-existent. The feature works fine on my development server but falls flat on my production server (just renders as a plain textbox). Any insights on how to tackle this?
Below is a snippet of my aspx code:
<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="New.aspx.cs" Inherits="C4G.NPO.Themes.New" %>
<asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="server">
<script type="text/javascript">
function colorChanged(sender) {
sender.get_element().style.color = "#" + sender.get_selectedColor();
}
</script>
<script type="text/javascript">
$(document).ready(function () {
$("#Editor").wysiwyg();
});
</script>
<div id="MainContent">
<h1>Add a New Theme</h1>
<div class="Form" style="width: 600px;">
<div class="FormRow">
<asp:Label ID="Label1" runat="server" Text="Name"></asp:Label><asp:TextBox ID="NameTextBox" runat="server"></asp:TextBox>
</div>
<div class="FormRow">
<asp:Label ID="Label2" runat="server" Text="Description"></asp:Label><asp:TextBox ID="DescriptionTextBox" runat="server" TextMode="MultiLine"></asp:TextBox>
</div>
<div class="FormRow">
<asp:TextBox runat="server" ID="Editor"></asp:TextBox>
<ajaxToolkit:HtmlEditorExtender ID="HtmlEditorExtender1"
TargetControlID="Editor" DisplaySourceTab="true"
runat="server">
<Toolbar>
<ajaxToolkit:Undo />
<ajaxToolkit:Redo />
<ajaxToolkit:Bold />
<ajaxToolkit:Italic />
<ajaxToolkit:Underline />
<ajaxToolkit:StrikeThrough />
<ajaxToolkit:Subscript />
<ajaxToolkit:Superscript />
<ajaxToolkit:JustifyLeft />
<ajaxToolkit:JustifyCenter />
<ajaxToolkit:JustifyRight />
<ajaxToolkit:JustifyFull />
<ajaxToolkit:InsertOrderedList />
<ajaxToolkit:InsertUnorderedList />
<ajaxToolkit:CreateLink />
<ajaxToolkit:UnLink />
<ajaxToolkit:RemoveFormat />
<ajaxToolkit:SelectAll />
<ajaxToolkit:UnSelect />
<ajaxToolkit:Delete />
<ajaxToolkit:Cut />
<ajaxToolkit:Copy />
<ajaxToolkit:Paste />
<ajaxToolkit:BackgroundColorSelector />
<ajaxToolkit:ForeColorSelector />
<ajaxToolkit:FontNameSelector />
<ajaxToolkit:FontSizeSelector />
<ajaxToolkit:Indent />
<ajaxToolkit:Outdent />
<ajaxToolkit:InsertHorizontalRule />
<ajaxToolkit:HorizontalSeparator />
<ajaxToolkit:InsertImage />
</Toolbar>
</ajaxToolkit:HtmlEditorExtender>
</div>
<div class="FormRow">
</div>
</div>
</div>
</asp:Content>
In addition, my web.config file for reference:
<?xml version="1.0" encoding="utf-8"?>
...
insert your configuration settings here
...
</configuration>
That pretty much sums up the current situation. Hoping for some assistance!