| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061 | 
							- <!DOCTYPE html>
 
- <html>
 
- <head>
 
-     <title></title>
 
-     <script type="text/javascript" src="../internal.js"></script>
 
-     <style type="text/css">
 
-         .section {
 
-             text-align: center;
 
-             margin-top: 10px;
 
-         }
 
-         .section input {
 
-             margin-left: 5px;
 
-             width: 70px;
 
-         }
 
-     </style>
 
- </head>
 
- <body>
 
- <div class="section">
 
-     <span><var id="lang_tdBkColor"></var></span>
 
-     <input type="text" id="J_tone"/>
 
- </div>
 
- <script type="text/javascript">
 
-     var tone = $G("J_tone"),
 
-             colorPiker = new UE.ui.ColorPicker({
 
-                 editor:editor
 
-             }),
 
-             colorPop = new UE.ui.Popup({
 
-                 editor:editor,
 
-                 content:colorPiker
 
-             });
 
-     domUtils.on(tone, "click", function () {
 
-         colorPop.showAnchor(tone);
 
-     });
 
-     domUtils.on(document, 'mousedown', function () {
 
-         colorPop.hide();
 
-     });
 
-     colorPiker.addListener("pickcolor", function () {
 
-         tone.value = arguments[1];
 
-         colorPop.hide();
 
-     });
 
-     colorPiker.addListener("picknocolor", function () {
 
-         tone.value="";
 
-         colorPop.hide();
 
-     });
 
-     dialog.onok=function(){
 
-         editor.execCommand("edittd",tone.value);
 
-     };
 
-     var start = editor.selection.getStart(),
 
-         cell = start && domUtils.findParentByTagName(start, ["td", "th"], true);
 
-     if(cell){
 
-         var color = domUtils.getComputedStyle(cell,'background-color');
 
-         if(/^#/.test(color)){
 
-             tone.value = color
 
-         }
 
-     }
 
- </script>
 
- </body>
 
- </html>
 
 
  |