Configuration contrôle HTML Editor

**stefsas** · 07/06/2010, 09h10

Bonjour,

Je reviens sur un problème que je rencontre sur la configuration du composant HTML Editor.

J'ai intégré ce composant dans mon application et comme je voudrais choisir les éléments qui vont apparaitre dans celui-ci, j'ai intégré un fichier .cs.
J'ai vu la démarche sur un tuto présent sur le site mais la configuration ne s'applique pas (J'ai toujours l'ensemble des boutons).

J'ai dans ma page asp.net :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit.HTMLEditor" 
    TagPrefix="cc1" %>
...
<cc1:Editor ID="ZoneDescription"  runat="server" Width="500px" Height="90px" />

Et dans un fichier CustomEditor.cs :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
using AjaxControlToolkit.HTMLEditor;
 
namespace AjaxControlToolkit.HTMLEditor
{
    public class CustomEditor : Editor
    {
        protected override void FillTopToolbar()
        {
            TopToolbar.Buttons.Add(new AjaxControlToolkit.HTMLEditor.ToolbarButton.Undo());
            TopToolbar.Buttons.Add(new AjaxControlToolkit.HTMLEditor.ToolbarButton.Redo());
            TopToolbar.Buttons.Add(new AjaxControlToolkit.HTMLEditor.ToolbarButton.Bold());
            TopToolbar.Buttons.Add(new AjaxControlToolkit.HTMLEditor.ToolbarButton.Italic());
     }
 
        protected override void FillBottomToolbar()
        {
            BottomToolbar.Buttons.Add(new AjaxControlToolkit.HTMLEditor.ToolbarButton.DesignMode());
            BottomToolbar.Buttons.Add(new AjaxControlToolkit.HTMLEditor.ToolbarButton.PreviewMode());
        }
    }
}

Comme je suis dans une application web et pas dans un site web, j'ai mis mon fichier CustomEditor.css au même endroit que dans les autres fichiers (et pas dans l'App_Code comme c'était précisé) et je me demande si c'est pas de là que viens le problème ?

Est-ce que quelqu'un saurait d'où est l'erreur ? Merci.

**stefsas** · 08/06/2010, 09h57

J'ai modifié un peu mon code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>
<%@ Register Assembly="AjaxControlToolkit" namespace="MyControls" tagprefix="custom" %>
...
<custom:CustomEditor  runat="server" Width="360px" Height="90px" />

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
using AjaxControlToolkit.HTMLEditor;
 
namespace MyControls
{
    public class CustomEditor : Editor
    {
    {
        protected override void FillTopToolbar()
        {
            TopToolbar.Buttons.Add(new AjaxControlToolkit.HTMLEditor.ToolbarButton.Undo());
            TopToolbar.Buttons.Add(new AjaxControlToolkit.HTMLEditor.ToolbarButton.Redo());
            TopToolbar.Buttons.Add(new AjaxControlToolkit.HTMLEditor.ToolbarButton.Bold());
            TopToolbar.Buttons.Add(new AjaxControlToolkit.HTMLEditor.ToolbarButton.Italic());
     }
 
        protected override void FillBottomToolbar()
        {
            BottomToolbar.Buttons.Add(new AjaxControlToolkit.HTMLEditor.ToolbarButton.DesignMode());
            BottomToolbar.Buttons.Add(new AjaxControlToolkit.HTMLEditor.ToolbarButton.PreviewMode());
        }
    }
}

Le problème, c'est que mon contôle custom:CustomEditor n'est pas reconnu.
A mon avis, c'est parce que ma classe n'est peut être pas compilé automatiquement car mon fichier ne se trouve pas dans un dossier App_code.

Comment je pourrais faire pour que la classe soit reconnue ?

Merci.

**stefsas** · 18/06/2010, 09h14

J'ai résolu mon problème, c'était un problème dans le webconfig.

Par contre, j'ai redéfinit mon contrôle de cette manière :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
protected override void FillTopToolbar()
{
 
TopToolbar.Buttons.Add(new AjaxControlToolkit.HTMLEditor.ToolbarButton.ForeColor());
TopToolbar.Buttons.Add(new AjaxControlToolkit.HTMLEditor.ToolbarButton.FontName());
TopToolbar.Buttons.Add(new AjaxControlToolkit.HTMLEditor.ToolbarButton.FontSize());
TopToolbar.Buttons.Add(new AjaxControlToolkit.HTMLEditor.ToolbarButton.Cut());
TopToolbar.Buttons.Add(new AjaxControlToolkit.HTMLEditor.ToolbarButton.Copy());
TopToolbar.Buttons.Add(new AjaxControlToolkit.HTMLEditor.ToolbarButton.Paste());
 
}

Mon problème est que je n'ai plus les différents choix proposés au niveau des listes déroulantes FontName et FontSize ? (Je n'ai plus que Default).
Est-ce que quelqu'un voit d'où vient le problème ?

J'ai aussi une autre question : Est-il possible de mettre en français ce contrôle comme pour le contrôle Calendar avec la globalisation ?

Merci.

**stefsas** · 07/07/2010, 16h01

J'ai trouvé comment corriger le problème, il faut redefinir les deux options de cette manière :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
 protected override void FillTopToolbar()
        {
            TopToolbar.Buttons.Add(new AjaxControlToolkit.HTMLEditor.ToolbarButton.Redo());
            TopToolbar.Buttons.Add(new AjaxControlToolkit.HTMLEditor.ToolbarButton.Bold());
            TopToolbar.Buttons.Add(new AjaxControlToolkit.HTMLEditor.ToolbarButton.Italic());
            TopToolbar.Buttons.Add(new AjaxControlToolkit.HTMLEditor.ToolbarButton.Underline());
            TopToolbar.Buttons.Add(new AjaxControlToolkit.HTMLEditor.ToolbarButton.ForeColor());
 
 
            AjaxControlToolkit.HTMLEditor.ToolbarButton.FontName MyFonts = new AjaxControlToolkit.HTMLEditor.ToolbarButton.FontName();
            TopToolbar.Buttons.Add(MyFonts);
            AjaxControlToolkit.HTMLEditor.ToolbarButton.SelectOption fontNameOptions = new AjaxControlToolkit.HTMLEditor.ToolbarButton.SelectOption();
 
            fontNameOptions.Value = "arial,helvetica,sans-serif";
            fontNameOptions.Text = "Arial";
            MyFonts.Options.Add(fontNameOptions);
 
            fontNameOptions = new AjaxControlToolkit.HTMLEditor.ToolbarButton.SelectOption();
            fontNameOptions.Value = "Arial Black";
            fontNameOptions.Text = "Arial Black";
            MyFonts.Options.Add(fontNameOptions);
 
            fontNameOptions = new AjaxControlToolkit.HTMLEditor.ToolbarButton.SelectOption();
            fontNameOptions.Value = "Courier New";
            fontNameOptions.Text = "Courier New";
            MyFonts.Options.Add(fontNameOptions);
 
            fontNameOptions = new AjaxControlToolkit.HTMLEditor.ToolbarButton.SelectOption();
            fontNameOptions.Value = "Impact";
            fontNameOptions.Text = "Impact";
            MyFonts.Options.Add(fontNameOptions);
 
            fontNameOptions = new AjaxControlToolkit.HTMLEditor.ToolbarButton.SelectOption();
            fontNameOptions.Value = "Times New Roman";
            fontNameOptions.Text = "Times New Roman";
            MyFonts.Options.Add(fontNameOptions);
            fontNameOptions = new AjaxControlToolkit.HTMLEditor.ToolbarButton.SelectOption();
            fontNameOptions.Value = "Arial Black";
            fontNameOptions.Text = "Arial Black";
            MyFonts.Options.Add(fontNameOptions);
 
            AjaxControlToolkit.HTMLEditor.ToolbarButton.FontSize MyFontSize = new AjaxControlToolkit.HTMLEditor.ToolbarButton.FontSize();
            TopToolbar.Buttons.Add(MyFontSize);
            AjaxControlToolkit.HTMLEditor.ToolbarButton.SelectOption fontsizeOptions = new AjaxControlToolkit.HTMLEditor.ToolbarButton.SelectOption();
 
            fontsizeOptions.Value = "10pt";
            fontsizeOptions.Text = "10";
            MyFontSize.Options.Add(fontsizeOptions);
 
 
            fontsizeOptions = new AjaxControlToolkit.HTMLEditor.ToolbarButton.SelectOption();
            fontsizeOptions.Value = "12pt";
            fontsizeOptions.Text = "12";
            MyFontSize.Options.Add(fontsizeOptions);
 
            fontsizeOptions = new AjaxControlToolkit.HTMLEditor.ToolbarButton.SelectOption();
            fontsizeOptions.Value = "14pt";
            fontsizeOptions.Text = "14";
            MyFontSize.Options.Add(fontsizeOptions);
 
            fontsizeOptions = new AjaxControlToolkit.HTMLEditor.ToolbarButton.SelectOption();
            fontsizeOptions.Value = "18pt";
            fontsizeOptions.Text = "18";
            MyFontSize.Options.Add(fontsizeOptions);
 
            fontsizeOptions = new AjaxControlToolkit.HTMLEditor.ToolbarButton.SelectOption();
            fontsizeOptions.Value = "24pt";
            fontsizeOptions.Text = "24";
            MyFontSize.Options.Add(fontsizeOptions);
 
            fontsizeOptions = new AjaxControlToolkit.HTMLEditor.ToolbarButton.SelectOption();
            fontsizeOptions.Value = "36pt";
            fontsizeOptions.Text = "36";
            MyFontSize.Options.Add(fontsizeOptions);
 
            TopToolbar.Buttons.Add(new AjaxControlToolkit.HTMLEditor.ToolbarButton.Cut());
            TopToolbar.Buttons.Add(new AjaxControlToolkit.HTMLEditor.ToolbarButton.Copy());
            TopToolbar.Buttons.Add(new AjaxControlToolkit.HTMLEditor.ToolbarButton.Paste());
            TopToolbar.Buttons.Add(new AjaxControlToolkit.HTMLEditor.ToolbarButton.PasteText());
            TopToolbar.Buttons.Add(new AjaxControlToolkit.HTMLEditor.ToolbarButton.Paragraph());
            TopToolbar.Buttons.Add(new AjaxControlToolkit.HTMLEditor.ToolbarButton.JustifyLeft());
            TopToolbar.Buttons.Add(new AjaxControlToolkit.HTMLEditor.ToolbarButton.JustifyCenter());
            TopToolbar.Buttons.Add(new AjaxControlToolkit.HTMLEditor.ToolbarButton.JustifyRight());
            TopToolbar.Buttons.Add(new AjaxControlToolkit.HTMLEditor.ToolbarButton.JustifyFull());
            TopToolbar.Buttons.Add(new AjaxControlToolkit.HTMLEditor.ToolbarButton.RemoveAlignment());
            TopToolbar.Buttons.Add(new AjaxControlToolkit.HTMLEditor.ToolbarButton.OrderedList());
            TopToolbar.Buttons.Add(new AjaxControlToolkit.HTMLEditor.ToolbarButton.BulletedList());
 
        }

Configuration contrôle HTML Editor

ASP.NET Ajax

Discussions similaires

Partager

Partager