当前位置:   article > 正文

Ueditor二次开发 一键点击让表格单元格内容居中_ueditor table内容居中显示

ueditor table内容居中显示

Ueditor二次开发,一键点击让表格单元格内容居中

  1. UE.registerUI('tdCenter', function(editor, uiName) {
  2. //注册按钮执行时的command命令,使用命令默认就会带有回退操作
  3. editor.registerCommand(uiName, {
  4. execCommand: function() {
  5. alert('execCommand:' + uiName)
  6. }
  7. });
  8. //创建一个button
  9. var btn = new UE.ui.Button({
  10. //按钮的名字
  11. name: uiName,
  12. //提示
  13. title: '表格单元格内容居<-中->',
  14. //添加额外样式,指定icon图标,这里默认使用一个重复的icon
  15. cssRules: 'background-position: -766px -77px;',
  16. //点击时执行的命令
  17. onclick: function() {
  18. //这里可以不用执行命令,做你自己的操作也可
  19. editor.execCommand( 'cellalign','Center' );
  20. }
  21. });
  22. //当点到编辑内容上时,按钮要做的状态反射
  23. editor.addListener('contentchange', function() {
  24. var state = editor.queryCommandState(uiName);
  25. if (state == -1) {
  26. btn.setDisabled(true);
  27. btn.setChecked(false);
  28. } else {
  29. btn.setDisabled(false);
  30. btn.setChecked(state);
  31. }
  32. });
  33. //因为你是添加button,所以需要返回这个button
  34. return btn;
  35. },13);

 

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/花生_TL007/article/detail/299368
推荐阅读