修改HTMLayout控件默认右键菜单

ctzl

1. 
   
2. import win.ui;
   
3. /*DSG{{*/
   
4. var winform = ..win.form( bottom=422;parent=...;text="修改HTMLayout控件默认右键菜单";right=654 )
   
5. winform.add(  )
   
6. /*}}*/
   
7. 
   
8. import web.layout;
   
9. wbLayout = web.layout( winform )
   
10. 
    
11. wbLayout.html = /**
    
12.                 文本框：<widget type="text" id="text" size=40 />
    
13. 数值：<input type="decimal" value="10" />
    
14. <menu .context>
    
15. <li        command="behavior:edit:undo" style="foreground-image:url(res:edit-undo.png)">
    
16. 撤消
    
17. <span class="accesskey">Ctrl+Z
    
18. </li>
    
19. <hr/>
    
20. <li        command="behavior:edit:cut" style="foreground-image:url(res:edit-cut.png)">
    
21. 剪切
    
22. <span class="accesskey">Ctrl+X
    
23. </li>
    
24. <li        command="behavior:edit:copy" style="foreground-image:url(res:edit-copy.png)">
    
25. 复制
    
26. <span class="accesskey">Ctrl+C
    
27. </li>
    
28. <li        command="behavior:edit:paste" style="foreground-image:url(res:edit-paste.png)">
    
29. 粘贴
    
30. <span class="accesskey">Ctrl+V
    
31. </li>
    
32. <hr/>
    
33. <li        command="behavior:edit:selectall">
    
34. 全选
    
35. <span class="accesskey">Ctrl+A
    
36. </li>
    
37. </menu>
    
38. **/
    
39. 
    
40. wbLayout.css = /**
    
41. widget[type="text"],
    
42. input[type="text"],
    
43. widget[type="password"],
    
44. input[type="password"],
    
45. widget[type="decimal"],
    
46. input[type="decimal"],
    
47. widget[type="number"],
    
48. input[type="number"],
    
49. input:not([type]){
    
50. context-menu:selector(menu.context);
    
51. }
    
52. **/
    
53. 
    
54. winform.show();
    
55. win.loopMessage();
    
56. 
    

复制代码

<menu .context> 这个样式貌似HTMLayout里有定义样式，这里我们只需要引用即可；
原始控件右键菜单

原始控件菜单

修改后

修改后

JacenHe

可用下面的代码修改默认菜单（新版本已改成下面的菜单 ）

1. import fsys.res;
   
2. var res = fsys.res.open( io.fullpath( "~\lib\web\layout\.res\HTMLayout.dll" ) ,false);
   
3. 
   
4. html = /*
   
5. <menu>
   
6.   <li        command="behavior:edit:undo"
   
7.                 style="foreground-image:url(res:edit-undo.png)"
   
8.                 >撤消<span class="accesskey">Ctrl+Z</span></li>
   
9.   <hr/>
   
10.   <li        command="behavior:edit:cut"
    
11.                 style="foreground-image:url(res:edit-cut.png)"
    
12.                 >剪切<span class="accesskey">Ctrl+X</span></li>
    
13.   <li        command="behavior:edit:copy"
    
14.                 style="foreground-image:url(res:edit-copy.png)"
    
15.                 >复制<span class="accesskey">Ctrl+C</span></li>
    
16.   <li        command="behavior:edit:paste"
    
17.                 style="foreground-image:url(res:edit-paste.png)"
    
18.                 >粘贴<span class="accesskey">Ctrl+V</span></li>
    
19.   <hr/>
    
20.   <li        command="behavior:edit:selectall"
    
21.                 >全选<span class="accesskey">Ctrl+A</span></li>
    
22. </menu>
    
23. */
    
24. res.update(23/*_RT_HTML*/,"BEHAVIOR-EDIT-MENU",string.fromto(html,0,65001));
    
25. 
    
26. html = /*
    
27. <menu .plaintext-context>
    
28.   <li command="richtext:undo"
    
29.           style="foreground-image:url(res:edit-undo.png)"
    
30.           >撤消<span class="accesskey">Ctrl+Z</span></li>
    
31.   <hr/>
    
32.   <li command="richtext:cut"
    
33.           style="foreground-image:url(res:edit-cut.png)"
    
34.           >剪切<span class="accesskey">Ctrl+X</span></li>
    
35.   <li command="richtext:copy"
    
36.           style="foreground-image:url(res:edit-copy.png)"
    
37.           >复制<span class="accesskey">Ctrl+C</span></li>
    
38.   <li command="richtext:paste"
    
39.           style="foreground-image:url(res:edit-paste.png)"
    
40.           >粘贴<span class="accesskey">Ctrl+V</span></li>
    
41.   <hr/>
    
42.   <li command="richtext:selectall"
    
43.           >全选<span class="accesskey">Ctrl+A</span></li>
    
44. </menu>
    
45. */
    
46. res.update(23/*_RT_HTML*/,"BEHAVIOR-TEXT-MENU",string.fromto(html,0,65001));
    
47. 
    
48. html = /*
    
49. <menu .richtext-context>
    
50.   <li command="richtext:undo"
    
51.           style="foreground-image:url(res:edit-undo.png)"
    
52.           >撤消<span class="accesskey">Ctrl+Z</span></li>
    
53.   <hr/>
    
54.   <li command="richtext:cut"
    
55.           style="foreground-image:url(res:edit-cut.png)"
    
56.           >剪切<span class="accesskey">Ctrl+X</span></li>
    
57.   <li command="richtext:copy"
    
58.           style="foreground-image:url(res:edit-copy.png)"
    
59.           >复制<span class="accesskey">Ctrl+C</span></li>
    
60.   <li command="richtext:paste"
    
61.           style="foreground-image:url(res:edit-paste.png)"
    
62.           >粘贴<span class="accesskey">Ctrl+V</span></li>
    
63.   <li>选择性粘贴
    
64.       <menu>
    
65.         <li command="richtext:paste-plain-text">HTML转换为文本</li>
    
66.             <li command="richtext:paste-text-as-html">粘贴HTML代码 </li>
    
67.             <li command="richtext:paste-html-no-tables">粘贴HTML格式(移除表格)</li>
    
68.           </menu>
    
69.   </li>
    
70.   <hr/>
    
71.   <li command="richtext:selectall"
    
72.           >全选<span class="accesskey">Ctrl+A</span></li>
    
73.   <div .cell-selection>
    
74.       <caption style="color:graytext">单元格:<img.hr/></caption>
    
75.           <li command="richtext:merge-cells"
    
76.                   >合并<span class="accesskey">Backspace</span></li>
    
77.           <li command="richtext:split-cells-by-rows"
    
78.                   >拆分行<span class="accesskey">Ctrl+1</span></li>
    
79.           <li command="richtext:split-cells-by-cols"
    
80.                   >拆分列<span class="accesskey">Ctrl+2</span></li>
    
81.   </div>
    
82. </menu>
    
83. */
    
84. res.update(23/*_RT_HTML*/,"BEHAVIOR-RICHTEXT-MENU",string.fromto(html,0,65001));
    
85. res.close();

复制代码

ctzl

谢谢老大的提示和修改，现在不用改更方便了。

payne様

大赞~ 最喜欢aardio的htmllayout了