qqstyle.html 1.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8" />
  5. <title>Custom Theme Examples</title>
  6. <script charset="utf-8" src="../kindeditor-min.js"></script>
  7. <script charset="utf-8" src="../lang/zh_CN.js"></script>
  8. <script>
  9. KindEditor.ready(function(K) {
  10. K.each({
  11. 'plug-align' : {
  12. name : '对齐方式',
  13. method : {
  14. 'justifyleft' : '左对齐',
  15. 'justifycenter' : '居中对齐',
  16. 'justifyright' : '右对齐'
  17. }
  18. },
  19. 'plug-order' : {
  20. name : '编号',
  21. method : {
  22. 'insertorderedlist' : '数字编号',
  23. 'insertunorderedlist' : '项目编号'
  24. }
  25. },
  26. 'plug-indent' : {
  27. name : '缩进',
  28. method : {
  29. 'indent' : '向右缩进',
  30. 'outdent' : '向左缩进'
  31. }
  32. }
  33. },function( pluginName, pluginData ){
  34. var lang = {};
  35. lang[pluginName] = pluginData.name;
  36. KindEditor.lang( lang );
  37. KindEditor.plugin( pluginName, function(K) {
  38. var self = this;
  39. self.clickToolbar( pluginName, function() {
  40. var menu = self.createMenu({
  41. name : pluginName,
  42. width : pluginData.width || 100
  43. });
  44. K.each( pluginData.method, function( i, v ){
  45. menu.addItem({
  46. title : v,
  47. checked : false,
  48. iconClass : pluginName+'-'+i,
  49. click : function() {
  50. self.exec(i).hideMenu();
  51. }
  52. });
  53. })
  54. });
  55. });
  56. });
  57. K.create('#contentqq', {
  58. themeType : 'qq',
  59. items : [
  60. 'bold','italic','underline','fontname','fontsize','forecolor','hilitecolor','plug-align','plug-order','plug-indent','link'
  61. ]
  62. });
  63. });
  64. </script>
  65. </head>
  66. <body>
  67. <form name="example" method="post" action="http://192.168.2.187:8090/admin/index/index.html">
  68. <h3>QQ风格</h3>
  69. <textarea id="contentqq" name="content" style="width:700px;height:200px;visibility:hidden;"></textarea>
  70. <input type="submit" />
  71. </form>
  72. </body>
  73. </html>