initHeaderIcon.js 6.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290
  1. import headerClickFun from "./headerClickFun.js";
  2. //初始化图标
  3. let initHeaderIcon = (domId, defaultHeader, customHeader) => {
  4. let list = [];
  5. let defaultHeaderList = [
  6. {
  7. name: "HTML代码",
  8. type: "showHtml",
  9. onClick: (e) => {
  10. headerClickFun.showHtml(e, domId);
  11. },
  12. },
  13. {
  14. name: "后退(Ctrl+Z)",
  15. type: "doBack",
  16. onClick: (e) => {
  17. headerClickFun.doBack(e, domId);
  18. },
  19. },
  20. {
  21. name: "前进(Ctrl+Y)",
  22. type: "doRecover",
  23. onClick: (e) => {
  24. headerClickFun.doRecover(e, domId);
  25. },
  26. },
  27. {
  28. name: "打印(Ctrl+P)",
  29. type: "doPrint",
  30. onClick: (e) => {
  31. headerClickFun.doPrint(e, domId);
  32. },
  33. },
  34. {
  35. name: "剪切(Ctrl+X)",
  36. type: "doCut",
  37. onClick: (e) => {
  38. headerClickFun.doCut(e, domId);
  39. },
  40. },
  41. {
  42. name: "复制(Ctrl+C)",
  43. type: "doCopy",
  44. onClick: (e) => {
  45. headerClickFun.doCopy(e, domId);
  46. },
  47. },
  48. {
  49. name: "粘贴(Ctrl+V)",
  50. type: "doPaste",
  51. onClick: (e) => {
  52. headerClickFun.doPaste(e, domId);
  53. },
  54. },
  55. {
  56. name: "粘贴为无文本格式",
  57. type: "doPasteUnformat",
  58. onClick: (e) => {
  59. headerClickFun.doPasteUnformat(e, domId);
  60. },
  61. },
  62. {
  63. name: "左对齐",
  64. type: "justifyLeft",
  65. onClick: (e) => {
  66. headerClickFun.justifyLeft(e, domId);
  67. },
  68. },
  69. {
  70. name: "居中",
  71. type: "justifyCenter",
  72. onClick: (e) => {
  73. headerClickFun.justifyCenter(e, domId);
  74. },
  75. },
  76. {
  77. name: "右对齐",
  78. type: "justifyRight",
  79. onClick: (e) => {
  80. headerClickFun.justifyRight(e, domId);
  81. },
  82. },
  83. {
  84. name: "两端对齐",
  85. type: "justifyFull",
  86. onClick: (e) => {
  87. headerClickFun.justifyFull(e, domId);
  88. },
  89. },
  90. {
  91. name: "有序编号",
  92. type: "insertOrderedList",
  93. onClick: (e) => {
  94. headerClickFun.insertOrderedList(e, domId);
  95. },
  96. },
  97. {
  98. name: "项目符号",
  99. type: "insertUnorderedList",
  100. onClick: (e) => {
  101. headerClickFun.insertUnorderedList(e, domId);
  102. },
  103. },
  104. {
  105. name: "增加缩进",
  106. type: "doIndent",
  107. onClick: (e) => {
  108. headerClickFun.doIndent(e, domId);
  109. },
  110. },
  111. {
  112. name: "减少缩进",
  113. type: "doOutdent",
  114. onClick: (e) => {
  115. headerClickFun.doOutdent(e, domId);
  116. },
  117. },
  118. {
  119. name: "下标",
  120. type: "doSubscript",
  121. onClick: (e) => {
  122. headerClickFun.doSubscript(e, domId);
  123. },
  124. },
  125. {
  126. name: "上标",
  127. type: "doSuperscript",
  128. onClick: (e) => {
  129. headerClickFun.doSuperscript(e, domId);
  130. },
  131. },
  132. {
  133. name: "清除样式",
  134. type: "removeFormat",
  135. onClick: (e) => {
  136. headerClickFun.removeFormat(e, domId);
  137. },
  138. },
  139. {
  140. name: "全选",
  141. type: "selectAll",
  142. onClick: (e) => {
  143. headerClickFun.selectAll(e, domId);
  144. },
  145. },
  146. {
  147. name: "标题",
  148. type: "doHeading",
  149. onClick: (e) => {
  150. headerClickFun.doHeading(e, domId);
  151. },
  152. },
  153. {
  154. name: "字体",
  155. type: "fontName",
  156. onClick: (e) => {
  157. headerClickFun.fontName(e, domId);
  158. },
  159. },
  160. {
  161. name: "文字大小",
  162. type: "fontSize",
  163. onClick: (e) => {
  164. headerClickFun.fontSize(e, domId);
  165. },
  166. },
  167. {
  168. name: "文字颜色",
  169. type: "foreColor",
  170. onClick: (e) => {
  171. headerClickFun.foreColor(e, domId);
  172. },
  173. },
  174. {
  175. name: "文字背景",
  176. type: "hiliteColor",
  177. onClick: (e) => {
  178. headerClickFun.hiliteColor(e, domId);
  179. },
  180. },
  181. {
  182. name: "粗体(Ctrl+B)",
  183. type: "doBold",
  184. onClick: (e) => {
  185. headerClickFun.doBold(e, domId);
  186. },
  187. },
  188. {
  189. name: "斜体(Ctrl+I)",
  190. type: "doItalic",
  191. onClick: (e) => {
  192. headerClickFun.doItalic(e, domId);
  193. },
  194. },
  195. {
  196. name: "下划线(Ctrl+U)",
  197. type: "doUnderline",
  198. onClick: (e) => {
  199. headerClickFun.doUnderline(e, domId);
  200. },
  201. },
  202. {
  203. name: "删除线",
  204. type: "strikeThrough",
  205. onClick: (e) => {
  206. headerClickFun.strikeThrough(e, domId);
  207. },
  208. },
  209. {
  210. name: "超级链接",
  211. type: "createLink",
  212. onClick: (e) => {
  213. headerClickFun.createLink(e, domId);
  214. },
  215. },
  216. {
  217. name: "取消超级链接",
  218. type: "unlink",
  219. onClick: (e) => {
  220. headerClickFun.unlink(e, domId);
  221. },
  222. },
  223. {
  224. name: "锚点",
  225. type: "anchorPoint",
  226. onClick: (e) => {
  227. headerClickFun.anchorPoint(e, domId);
  228. },
  229. },
  230. {
  231. name: "插入横线",
  232. type: "insertHorizontalRule",
  233. onClick: (e) => {
  234. headerClickFun.insertHorizontalRule(e, domId);
  235. },
  236. },
  237. {
  238. name: "插入分页符(分页打印)",
  239. type: "insertHorizontalRuleDashed",
  240. onClick: (e) => {
  241. headerClickFun.insertHorizontalRuleDashed(e, domId);
  242. },
  243. },
  244. {
  245. name: "行距",
  246. type: "doLineHeight",
  247. onClick: (e) => {
  248. headerClickFun.doLineHeight(e, domId);
  249. },
  250. },
  251. {
  252. name: "表格",
  253. type: "doTable",
  254. onClick: (e) => {
  255. headerClickFun.doTable(e, domId);
  256. },
  257. },
  258. {
  259. name: "选择图片",
  260. type: "insertImage",
  261. onClick: (e) => {
  262. headerClickFun.insertImage(e, domId);
  263. },
  264. },
  265. // {
  266. // name: "一键排版",
  267. // type: "setType",
  268. // onClick: (e) => {
  269. // headerClickFun.setType(e, domId);
  270. // },
  271. // },
  272. ];
  273. if (defaultHeader.length == 0) {
  274. list = Object.assign([], defaultHeaderList, customHeader);
  275. } else {
  276. let newList = [];
  277. for (let i = 0; i < defaultHeader.length; i++) {
  278. let item = defaultHeader[i];
  279. let filterList = defaultHeaderList.filter((it) => {
  280. return it.type === item;
  281. });
  282. newList = [...filterList];
  283. }
  284. list = Object.assign([], newList, customHeader);
  285. }
  286. return list;
  287. };
  288. export default initHeaderIcon;