3 Jun
2011
3 Jun
'11
1:52 p.m.
OK, Marius, I am working for finnal exam all these days after I finishing
XWIK-5560, and till now, I have finnished most of exams except one in 10th
June, But it is easy, so I am going on these days.
Though I am busy with final exams, I still did some prepares for my
projects, I have done the following things:
1. I read the some of the source codes of wysiwyg client, found that if I
want to listen to the event when user input in wysiwyg editor, I should
extend the onKeyUp function in
WysiwygEditor.java<https://github.com/xwiki/xwiki-platform/blob/master/x…
is inherited from
RichTextEditorController.java<https://github.com/xwiki/xwiki-platform/bl…va>.
2. I am thinking that I can implement the auto-suggestion features without
working on the GWT code because there is some APIs for me to hook in the
wysiwyg editors, I can use getRichTextArea() function to get the
richtextarea object, then add some listeners to it. Here is the sample code,
in the callback function of the listeners, we can use getSelectionRange to
get the range object of rich text area, it is the base for add
auto-suggestion widget to rich text area, what do you think?
document.observe('xwiki:wysiwyg:loaded', function() {
var editors = Wysiwyg.getAllInstances();
var IsIE=navigator.appName!="Netscape";
for(var hookId in editors){
var editor = editors[hookId];
var richEditor = editor.getRichTextArea();
var frm = richEditor.contentWindow
if(IsIE){
frm.document.onkeyup = function(){
console.debug(editor.getSelectionRange())
}
frm.document.onmousedown = function(){
console.debug(editor.getSelectionRange())
}
frm.document.onmouseup = function(){
console.debug(editor.getSelectionRange())
}
} else {
frm.document.addEventListener("keyup", function(e) {
console.debug(editor.getSelectionRange())
} ,false);
frm.document.addEventListener("mousedown", function(e) {
console.debug(editor.getSelectionRange())
} ,false);
frm.document.addEventListener("mouseup", function(e) {
console.debug(editor.getSelectionRange())
} ,false);
}
}
})
3. For wiki editor, I think there are two most important things I should
notice:
a. Get the position of the input cursor, and get the context, if the cursor
is in the context of "[[ link or image ]]" or "{{ macros }}", then
initialized the auto-suggestion under this context, and show up
auto-suggestion widget according to user input.
b. Listen to the user input, and trigger the auto-suggestion widget when
"[[" or "{{" are typed.
I am still doing some tests now, so if you have some tips for me, please
tell me.
On Fri, Jun 3, 2011 at 1:02 AM, Marius Dumitru Florea <
mariusdumitru.florea(a)xwiki.com> wrote:
Hi James,
How is the GSoC work going on? Hope everything is fine. Ping me if you need
help.
Thanks,
Marius
--
Best wishes,
许凌志(Jame Xu)
MOE KLINNS Lab and SKLMS Lab, Xi'an Jiaotong University
Department of Computer Science and Technology, Xi’an Jiaotong University