Intersoft Community - WebTextEditor - How do I modify the list of 'Symbols' ?

How do I modify the list of 'Symbols' ?

bernard — Thu, 05 Jul 2012 21:20:42 GMT

Hi Jim,

Sorry for this inconvenience. I've re-upload the file.
Thank your for your feedback.

Regards,
Bernard

How do I modify the list of 'Symbols' ?

jdresser@idexcorp.com — Thu, 05 Jul 2012 08:50:56 GMT

Thanks Bernard, but clicking on your attachment give me a page not found error.
Jim

How do I modify the list of 'Symbols' ?

bernard — Wed, 04 Jul 2012 05:04:21 GMT

Hi Jim,

I think this problem occurs because the value of LastCursorPosition property hasn't been set when WebTextEditor is being initialize. I made my own sample and attach it here. In my sample, I handle the cursor by using focus function. Could you check my sample again and tell me if my sample is already meet your scenario or no?

Regards,

Bernard.

How do I modify the list of 'Symbols' ?

jdresser@idexcorp.com — Tue, 03 Jul 2012 14:40:51 GMT

Thanks Bernard, We're getting very close. There's just one more issue. Load some data into the editor on Page_Load, like this: (add this to your sample code above)

    protected void Page_Load(object sender, EventArgs e)    {
      if (!Page.IsPostBack)
      {
        WebTextEditor1.Content = "Hello World";
      }
    }

Then, using Internet Explorer (I'm using IE9), view the page. you will see that the data is loaded into the WebText Editor. Then, without clicking in the WebTextEditor (to move the cursor to a different insertion point), click on the 'my Symbols' dropdown and insert any special character. You will get a javascript error. (Error: Unable to get value of the property 'text': object is null or undefined)

This error does not happen if you move the insertion point by clicking anywhere in the 'Hello World' text, and it does not happen if you are using FireFox.

Any idea on this issue? Again, thank you for all your help.
Jim

How do I modify the list of 'Symbols' ?

bernard — Tue, 03 Jul 2012 06:14:51 GMT

Hi Jim,

I made another workaround for your scenario and it seems working for Mozilla Firefox and Google Chrome. I attach my sample here. Could you check my sample and tell me if my sample meet you scenario?

Hope this helps.

Regards,

Bernard

How do I modify the list of 'Symbols' ?

jdresser@idexcorp.com — Mon, 02 Jul 2012 09:01:36 GMT

Hi Bernard,

Thank you very much for the code, but it only works in Internet Explorer. If you use FireFox or Chrome, nothing gets inserted when you click on my symbols.

Any ideas?
Thanks,
Jim

How do I modify the list of 'Symbols' ?

bernard — Mon, 02 Jul 2012 06:02:08 GMT

Hi Jim,

You can put the function on client-side event. I've made my own sample that show you how to add an event to your item. Could you check if my sample meet your scenario? Look forward to hear any feedback from you so I can help you further.

Regards,
Bernard

How do I modify the list of 'Symbols' ?

jdresser@idexcorp.com — Fri, 29 Jun 2012 11:28:08 GMT

Since I really don't want to use the Custom Pane to do this, I thought that I'd try a different approach....

In Code behind, when the WebTextEditor is initialized, I'm adding my own dropdown, and adding my own items to the dropdown. This displays great. But how do I add an event to my items, so that when the user selects an item from my dropdown, that code is called to insert that item into the editor?

Thanks,
Jim

protected void WebTextEditor1_InitializeToolBar(object sender, ISNet.WebUI.WebTextEditor.WebTextEditorToolBarArgs e)    {
      WebTextEditorToolBar tb = e.GetToolBarByCategory(WebTextEditorToolBarCategory.Standard);
      if (tb != null)
      {
        WebTextEditorToolCommandCollection commands = tb.ToolCommands;
        WebTextEditorToolCommand cmdNew = new WebTextEditorToolCommand();
        cmdNew.Name = "cmdJim";
        cmdNew.Text = "Jims Symbols";
        cmdNew.Type = WebTextEditorToolBarCommandType.DropDownButton;
        cmdNew.DisplayMode = WebTextEditorToolBarCommandDisplayMode.Image;
        cmdNew.Image = "./images/other/smiley5.gif";  // use any image for now....
        WebTextEditorToolItem aa = new WebTextEditorToolItem();
        aa.Text = "≥";
        aa.Name = "Greater Than or Equal";
        aa.DisplayMode = WebTextEditorToolBarCommandDisplayMode.Text;
        WebTextEditorToolItem bb = new WebTextEditorToolItem();
        bb.Text = "≤";
        bb.Name = "Less Than or Equal";
        WebTextEditorToolItem cc = new WebTextEditorToolItem();
        cc.Text = "λ";
        cc.Name = "Lambda";
        cmdNew.Items.Add(aa);
        cmdNew.Items.Add(bb);
        cmdNew.Items.Add(cc);
        commands.Add(cmdNew);
      }
    }

How do I modify the list of 'Symbols' ?

jdresser@idexcorp.com — Fri, 29 Jun 2012 09:41:30 GMT

I really want to be able to modify the symbols that are displayed in the 'Insert Symbols' dropdown - I like the way that it looks and functions. Are you sure that it's not possible to modify the items in this dropdown?

Assuming that I can't modify the items in your dropdown, I've tried to attack this by adding a custom pane like your sample: TaskPane_CustomPane.aspx. Except instead of displaying Emoticons I'd display images of the special symbols that I need. Then, when the user clicks one of my symbol gifs, javascript would insert the HTML character codes that I need (for example, a 'Greater Than or Equal' symbol is '& g e ;' (I added spaces so that you could see the HTML that I actually want to insert). Most of this is working, here's what's not:

In your sample, the javascript does a 'rte.InsertImage(el.src);' to insert the image into the editor. I need to insert text. I found the 'SetValue' function rte.SetValue("≥"); but this erases any data that is in the editor, then it inserts the characters that I need it to.

So, I need a javascript function to just insert text. I tried rte.InsertValue("≥"); but 'InsertValue()' doesn't exist.

How can I insert text into the editor using javaScript ?
Thanks,
Jim

How do I modify the list of 'Symbols' ?

bernard — Thu, 28 Jun 2012 23:26:27 GMT

Hi Jim,

For WebTextEditor, I don't think we can edit the predefined toolbar. However, if you want to make custom ToolBar, you can make that like on our sample (ToolBar_CustomToolBar.aspx).

In our sample, you can add new XML file that represent ToolBar option which you want to use. You can add your own Toolbar there and handle the function in OnToolBarClick client-side event.

Hope this helps.

Regards,

Bernard

How do I modify the list of 'Symbols' ?

jdresser@idexcorp.com — Thu, 28 Jun 2012 08:19:02 GMT

I'm using the 2012 version of the WebTextEditor and I need to remove some of the pre-defined sysmbols (from the 'Insert Symbol' list), and add a few of my own symbols.

How do I do this?

Thanks,

Jim