[michaelwurParticipant]

The demo uses the following the set the content of the <textarea>:
(See, the < and > characters are escaped.

<textarea name=”editor” id=”editor”>
<b>jqxEditor</b> is a HTML text editor designed to simplify web content creation. You can use it as a replacement of your Textarea or you can create it from a DIV element.
<br />
<br />
Features include:
<br />

• Text formatting
• Text alignment
• Hyperlink dialog
• Image dialog
• Bulleted list
• Numbered list

</textarea>

[michaelwurParticipant]

Hi Martin,
Got it!

Thanks again!
Michael

[michaelwurParticipant]

Hi Martin,
One more question – How to designate a font size for the jqxEditor initially?

In addition to the designated font, I also need to designate the font size?

Best regards,
Michael

[michaelwurParticipant]

Hi Martin,
That’s what I am looking for.

Thanks!
Michael

[michaelwurParticipant]

Hi Martin,
Thanks for your kind support. I learn how to display the pasted content in the designed font.

However, I’m still not able to initialize the jqxEditor in the designated font. Actually, I don’t to show the “Font” tool. I would like the jqxEditor uses the designated font directly without user intervention. Can it be done by setting some properties of the jqxEditor?

Best regards,
Michael

[michaelwurParticipant]

Hi Martin,
You are right.

This link in the post code:

<link rel=”stylesheet” href=”<%=request.getContextPath()%>/jslibs/jqwidgets/styles/jqx.base.css” type=”text/css” />

is incorrect. It should be

<link rel=”stylesheet” href=”<%=request.getContextPath()%>/jslibs/jqwidgets/jqwidgets/styles/jqx.base.css” type=”text/css” />

My fault.

Thanks for your help!

Best regards,
Michael Wu

[michaelwurParticipant]

Hi,
Sorry, I did not describe the problem clearly. What I mention is the ‘|’ editing cursor in the textarea, not the separator bar on the tools menu of the editor.

As I set the editable property of the editor to false, I would like to hide the ‘|’ cursor. (The ‘|’ cursor in the editor area make the user feel that it is editable!)

Best regards
Michael Wu

[michaelwurParticipant]

Hi,
I had replaced the Editor with a general div section for displaying the content entered with the Editor previously.

But, I still would like to know if it is possible to hide the ‘|’ in the Editor if I set editable to false. Could it be done this way? If yes, how can I achieve this effect?

Thanks in advance!

[michaelwurParticipant]

I work out hiding the Tools bar with the following:

$(‘#ta_editor}’).jqxEditor({
tools: ”,
editable: false
});

[michaelwurParticipant]

Correction: hide the ‘|’ insertion pointer, not the cursor!

[michaelwurParticipant]

Thanks for the reply. I thought there is such an internal loader widget.

I use blockUI jquery plugin to block UI operation for lengthy server operation. It has its loading GIF. They are similar to each other but still looks different.

I am thinking that it will be very useful if jqWidget product can include such a widget or plugin. Not only the appearance of loader GIFs can be more consistent but also it is common code to handle the situation that the server side code takes time to complete.

May I suggest such a widget?

Best regards,
Michael Wu

[michaelwurParticipant]

Hi,
The onclick event handler is as follow:

  $('a.viewpagelink').click(function(e) {
     e.preventDefault();
	 ...
     window.location = page_url; // open a separate browser window to show the page
  });    

The current page is not refreshed because of the e.preventDefault() call. And, thus the dropdown menu is not dismissed automatically I think.

Can anyone kindly advise a solution?
Michael

[michaelwurParticipant]

Hi Peter,
When the menu item is clicked, I use jquery JavaScript code to open a separate tab to show a different page. (The page on the original tab is not refreshed. Just onclick event code is executed to open a separate tab.) After that, I click on the original tab, the mouse cursor is still on the menu item just clicked. I need to manually move the mouse cursor out of the menu item so that the dropdown menu close automatically. I would like to have the dropdown menu close automatically when a menu item is clicked.

Thanks again,
Michael

[Author]

Posts