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
90
91
92
93
94
95
96
97
|
/*
* ==VimperatorPlugin==
* @name mouseinspect.js
* @description display informations of the specified element and highlight it by mouse.
* @description-ja マウスで指定した要素の情報をコマンドラインに表示＆ハイライトする。
* @author janus_wel <janus_wel@fb3.so-net.ne.jp>
* @version 0.21
* @minversion 2.0pre 2008/10/16
* ==/VimperatorPlugin==
*
* LICENSE
* New BSD License
*
* CONSTRAINT
* need highlight.js
*
* USAGE
* :mouseinspect
* :mins
* -> start inspect by mouse
*
* :nomouseinspect
* :nomins
* -> stop inspect and clear highlight
*
* SETTING
* blink_element_color: color. default is red.
* blink_element_opacity: opacity value. default is 0.5 .
*
* EXAMPLE
* let blink_element_color='green'
* let blink_element_opacity='0.7'
* */
// use setTimeout to synchronize ( wait to process highlight.js )
// "liberator.modules.plugins.highlighterFactory" is build by highlight.js .
// it is the factory that build highlight object.
setTimeout( function () {
if (!plugins.highlighterFactory) {
liberator.log('mouseinspect.js needs highlight.js', 0);
return;
}
// default settings
const defaultColor = 'red';
const defaultOpacity = 0.5;
// main
let elementInfo = function (event) {
let element = event.target;
if (element.className === 'vimp_plugin_highlightelement') {
elementInfo.highlighter.unhighlightAll();
return;
}
let attributes = [a.name + '="' + a.value + '"' for (a in util.Array.iterator(element.attributes))].join(' ');
let str = '<' + element.localName.toLowerCase() + (attributes ? ' ' + attributes : '') + '>';
liberator.echo(str, commandline.FORCE_SINGLELINE);
elementInfo.highlighter.highlight(element);
};
let setupHighlighter = function () {
elementInfo.highlighter = plugins.highlighterFactory({
color: liberator.globalVariables.mouse_inspect_color || defaultColor,
opacity: liberator.globalVariables.mouse_inspect_opacity || defaultOpacity,
interval: 0,
});
}
setupHighlighter();
// register commands
commands.addUserCommand(
['mouseinspect', 'mins'],
'mouse',
function () {
setupHighlighter();
window.addEventListener('mousemove', elementInfo, false);
},
{}
);
commands.addUserCommand(
['nomouseinspect', 'nomins'],
'mouse',
function () {
window.removeEventListener('mousemove', elementInfo, false);
elementInfo.highlighter.unhighlightAll();
},
{}
);
}, 0); // setTimeout
// vim: set sw=4 ts=4 et;
|
