test-lang.html 1.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>wangEditor2 test</title>
  6. <link rel="stylesheet" type="text/css" href="../dist/css/wangEditor.min.css">
  7. <style type="text/css">
  8. #div1 {
  9. width: 100%;
  10. height: 300px;
  11. }
  12. .wangEditor-txt blockquote {
  13. display: block;
  14. border-left: 8px solid #d0e5f2;
  15. padding: 5px 10px;
  16. margin: 10px 0;
  17. line-height: 1.4;
  18. font-size: 100%;
  19. background-color: #f1f1f1;
  20. }
  21. .wangEditor-txt table {
  22. border: none;
  23. border-collapse: collapse;
  24. }
  25. .wangEditor-txt table td,
  26. .wangEditor-txt table th {
  27. border: 1px solid #f1f1f1;
  28. padding: 3px 5px;
  29. min-width: 50px;
  30. height: 20px;
  31. }
  32. .wangEditor-txt pre {
  33. border: 1px solid #ccc;
  34. background-color: #f8f8f8;
  35. padding: 10px;
  36. margin: 5px 0px;
  37. font-size: 0.8em;
  38. font-family: Menlo, Monaco, Consolas;
  39. border-radius: 3px;
  40. }
  41. </style>
  42. </head>
  43. <body style="padding:0 20px;">
  44. <p>wangEditor 多语言 - 英文</p>
  45. <div class="container">
  46. <div id="div1">
  47. <p>请输入内容222</p>
  48. </div>
  49. </div>
  50. <script type="text/javascript" src="../dist/js/lib/jquery-1.10.2.min.js"></script>
  51. <script type="text/javascript" src="../dist/js/wangEditor.js"></script>
  52. <script type="text/javascript">
  53. $(function () {
  54. var editor = new wangEditor('div1');
  55. // 设置语言
  56. editor.config.lang = wangEditor.langs['en'];
  57. editor.create();
  58. });
  59. </script>
  60. </body>
  61. </html>